viernes, 28 de marzo de 2008

Simula el efecto del dock de Mac OS X en tu sitio con JavaScript

Ahora puedes incorporar el efecto de “magnificación” del dock de Mac OS X en tus páginas Web o en tu blog, usando un pequeño código de JavaScript que te permitirá agregar tantos iconos como desees. Lo primero que tienes que hacer es descargar el archivo .js, después debes mandarlo a llamar desde tu documento html y después, colocar un pequeño código de ejemplo y todo estará listo.

MacOSX_dock.jpg

Este efecto es compatible con muchos navegadores, y continuamente se le da soporte para asegurar la mayor compatibilidad; de momento estos navegadores son soportados:

  • Firefox 1.5 en Mac.
  • Firefox 2 en Ubuntu.
  • Firefox 2 en Windows.
  • Internet Explorer 6.
  • Internet Explorer 7.
  • Konqueror 3.5 en Ubuntu.
  • Opera 6 en Windows.
  • Safari 2 en Mac.
  • Safari 3 en Windows.

Afortunadamente el script es pequeño; se encuentra en dos versiones, tanto la “normal” con comentarios, y la versión comprimida que tiene un tamaño de tan sólo 2765 bytes por lo que no hará lenta la carga de tu sitio. Para ver un ejemplo de cómo funciona el script, puedes dar clic aquí.

Enlace | Mac OS X Style Dock

No hay comentarios: