Efecto ´Page Slide´ con jQuery

Escrito por: Martín el 24-06-2009 18:28:11 y leído 2361 veces

Descubro hoy en jquery.com un nuevo plugin para jquery que simula el efecto de deslizar parte de la pantalla para darle al visitante un mensaje o mostrar cierto contenido en forma de slide, ya sea desde la izquierda o la derecha.

Realmente, le veo muchos usos en próximos proyectos, tales como pedir confirmaciones a botones pulsados, formularios de login, mensajes a destacar, y muchas cosas que se te puedan ocurrir.

Por lo pronto, aun no lo he usado, pero no creo que pase mucho tiempo sin probarlo.

¿Cómo se implementa?
Muy fácil, como siempre, primero agregar la librería jQuery y luego, unas pocas líneas de código bastarán... y luego personalizas tu slide como quieras en tu hoja CSS.

¿Descargarlo?
Visita la web de su autor, Derek Perez.

Código HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="/javascripts/jquery.pageslide.min.js"></script>

Código JAVASCRIPT

$("#my_anchor").pageSlide({width:'350px'});

Categorías: •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

slide text jquery • slide jquery • jquery slide text • slide imagenes jquery • jquery slide • efecto slide jquery • efecto slide con jquery • slide de imagenes con jquery • efectos jquery slider • jquery slider text • slide texto jquery • efecto slider jquery • slide de texto jquery • jquery lateral slide • lateral slide jquery • text slide jquery • slide con jquery • jquery slide texto • slider text jquery • slider de textos CON BOTONES en javascript • Efectos slide con jquery • efectos slider jquery • slider lateral jquery • slider de imagenes jquery • deslizar jquery • botones slider con jquery • efecto slider con jquery • jquery slider texto • slide lateral jQuery • slide en jquery • jquery deslizar • slider jquery text • Slide de imagenes elegante con jQuery agregarlo • slide lateral con jquery • slider texto jquery • efecto jquery ipad deslizar fotos • slides text jquery • jquery pageslide min js • pageslide • slide pantalla completa jquery • deslizar imagenes jquery • martin iglesias slider • slider blogger jquery • jquery slider efecto • deslizar texto jquery • slide de texto con jquery • efecto slide jquery sin animate • pagina pantalla completa efecto slide • efecto slide iphone jquery • Lateral Slider jquery • efecto jquery slider • Slide de imágenes con jquery • slide imagenes jquery 1 3 2 • jQuery para deslizar imágenes y texto • efecto slider java • efecto lightbox para ventana de confirmacion para formularios • slide de imagenes jquery • slider jquery lateral • download slide jquery • menu lateral slide jquery • jquery slide lateral • page slide jquery • tabla ocultable jquery • Formulario Con Efecto SLIDE • slide text con jquery • efecto slide div jquery • efecto slide en pagina para movil • boton lateral slide jquery • formulario con efecto slide en html • jQuery PageSlide jquery • slides con jquery • slider jquery for text • efecto deslizar css • page slide • slide jquery derecha • java efecto slide • jquery slider con texto • efectos en imagen slider java • efectos de slide con jquery • slider jquery derecha a izquierda • ventana slider javascript • jquery efecto pagina slide formularios • descargar efecto slide page jquery • jquery ventana deslizar • slideshow ipad deslizando con javascript • jquery efectos slide • javascript deslizar texto • slides de texto jquery • efectos slides con jquery • deslizar pagina PDF • jquery slide con textos • izquierda jquery deslizar • slide iaquierda a derecha jquery • texto con efecto slide jquery • efecto slide jquery page • ventana deslizada jquery • jquery slider with text • slide de textos jquery • slider a la izquierda jquery • deslizar menu jquery •