save ass

5 efectos con jQuery

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

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>

Demos

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>

4. jQuery.Behavior

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>

Demos

No hay comentarios para esta publicación aún...

Deje su respuesta

¿Estas buscando algo?

Utilice el siguiente formulario para buscar en el sitio:

¿Todavía no encuentras lo que buscas? Deja un comentario en alguna publicación o comunícate con nosotros para que nos encarguemso de eso

¡Visita nuestros amigos!

Unos cuantos amigos muy recomendable...

  • EduLinux
  • GULIX
  • ONG Linux Chillan