5 efectos con jQuery
Por Blackned el Dic.22, 2009, en diseño web, jQuery

jQuery realmente no me deja de sorprender. Buscando por ahí encontré estos 5 efectos que me gustaron bastante, así que los comparto aquí.
1. MopBox (la página esta en japones)
MopBox es similar a otros plugins de cuadros de jQuery. Se superpone al contenido de DIV, flash, la imagen … en la página actual. El cuadro de la pantalla puede desplazarse arrastrándola y más interesante es que la caja tiene una impresionante barra de desplazamiento para cambiar la pantalla. Ha sido probado y es compatible con los navegadores web más importantes.
1 2 3 4 5 | <script type="text/javascript"> $(document).ready(function(){ $("#demoBtn").mopBox({'target':'#demo', 'w':270, 'h':240}); }); </script> |
2. Roundabout
Roundabout es un plugin de jQuery que convierte una estructura estática de elementos HTML en un área altamente personalizable como área interactiva. Use Roundabout para animar sus elementos HTML estáticos.
1 2 3 4 5 6 7 | <script type="text/javascript"> // <![CDATA[ $(document).ready(function() { $('ul#myRoundabout').roundabout(); } // ]]> </script> |
3. Meerkat
Meerkat es un plugin jQuery para crear diapositivas o desaparecer el contenido en la parte superior o inferior de la ventana del navegador y permanecer en su posición fija, mientras que el resto de la página se desplazará normalmente. utiliza cookies para rastrear si el usuario no desea mostrar el contenido de nuevo.
1 2 3 4 5 6 7 8 9 10 11 12 | <script type="text/javascript"> $(document).ready(function(){ meerkat({ close: '.close-meerkat', meerkatPosition: 'bottom', animation: 'slide', animationSpeed: 'slow', height: '100px', background: '#463c30' }); }); </script> |
jquery.behavior te ayuda a organizar su código JavaScript en unidades lógicas llamadas “conductas”. Es una clase que define cómo un objeto DOM (y su contenido, entorno, etc) se comportan. Uso de comportamientos, su compleja aplicación web puede convertirse en un sencillo sistema de clases de JavaScript.
5. jMaxInput
jjMaxInput te permite limitar el tamaño de entrada de un área de texto, como se hace en Twitter. Ya sabes cómo Twitter limita la entrada de texto de 140 caracteres, por lo que este plugin puede ayudarte a hacer lo mismo.
1 2 3 4 5 | <script type="text/javascript"> $(document).ready(function(){ $("#div").maxinput(); }); </script> |
EduLinux
GULIX
ONG Linux Chillan