Código limpio

Acá les presento un vistoso menú que utiliza imágenes y tiene un elegante efecto de deslizamiento, el menú funciona con la librería de javascript Mootools y las imágenes son backgrounds de los elementos li del menú.

Para usar el menú tienes que agregar el siguiente código a tu header:

<br /> <script type=”text/javascript” src=”menu_files/mootools.js”></script></p> <link href=”menu_files/main.css” rel=”stylesheet” type=”text/css”> <link href=”menu_files/imageMenu.css” rel=”stylesheet” type=”text/css”> <script type=”text/javascript” src=”menu_files/imageMenu.js”></script><br />

Los amigos de Ajaxorized han creado este simpático script que consigue un efecto de reflexión de imágenes usando javascript no obstrusivo, lo único que debes hacer es agregar una cuantas líneas de código y listo. La solución que ofrecen tiene las siguientes características:

No necesita Flash ni CSS
Cross browser (Probado en Firefox, Opera e IE)
Precarga de imágenes antes de la reflexión.

Esto es lo que pones en tu head:

<script src=”javascript/prototype.js” type=”text/javascript”></script>
<script src=”javascript/scriptaculous.js?load=builder” type =”text/javascript”> </script>
<script src=”javascript/reflection.js” type=”text/javascript”></script>

Tu imagen debe ir en una etiqueta div de la siguiente manera:

<div id = “holder”>
<img src=”image.jpg” />
</div>

Enlace de descarga de los archivos

Enlace al sitio del autor

Videobox es un script que le permite mostrar sus videos preferidos mediante un overlay. Está inspirado en Lightbox, usando como framework a Mootols. Para usarlo se debe incluir 3 archivos javascript en la página y un archivo css. Muestra videos de Youtube, Metacafe y Google Video iFilm.

Usos:

Incluir en el head los siguientes archivos: mootools.js, swfobject.js, videobox.js y la hoja de estilo para el overlay videobox.css.

Finalmente, adicione la url del sitio donde enlaza el video y listo.

Enlace a una página de ejemplo.

Descarga de los archivos.

Autor del script: videobox-lb