Hace ya algunos años que comenzaron a aparecer en algunos sitios, anuncios especiales o publicidades por medio de un recurso visual muy curioso. Se trataba de mostrar en algunas de las esquinas de la página, generalmente en la esquina superior derecha, una punta de hoja doblada, que al pasar el ratón sobre esta, se desplegaba hacia abajo mostrando el mensaje o algún cartel (banner) publicitario. El problema con todas estas implementaciones, era que por lo que había visto, todas eran en Flash.
PagePeel Effect es un plugin jQuery con el podemos crear el efecto de punta de hoja levantada que se activa al pasar el puntero del ratón dejando ver el contenido que hay debajo. Para ver de que se trata, basta con visitar el demo.
Estuve probando el demo y la verdad me parece muy bueno, funciona bien y no le envidia nada a las soluciones que conocía que estaban implementadas en Flash.
Usarlo es muy sencillo:
- Hay que enlazar el archivo jQuery.js y jQuery.pagePeel.js.
- A continuación, hay que colocar un pequeño script de inicialización.
- Y agregar <div id=“pagePeel”></div> debajo de <body>.
PagePeel Effect, simple, elegante y sobre todo llamativo, otro ejemplo de la potencia de jQuery.
PagePeel Effect
- Sitio/descargar: smple.com/2008/12/15/jquery-plugin-page-peel
- Demo: PagePeel
- Vía: www.visual-blast.com