titulo

Algunos efectos dinámicos se pueden hacer con jQuery con rapidez impactante y extremadamente poco código Javascript.
Una de las ventajas más destacadas de jQuery es la realización de efectosespeciales para páginas web, que se desarrollan rápido y con poco código fuente. Estos efectos sirven para aplicar dinamismo a una página web y una respuesta atractiva frente la interacción con el usuario,lo que hace que las páginas programadas con jQuery ofrezcan una imagen puntera.
Los efectos con jQuery, al menos un buen puñado de ellos, se pueden realizar sin muchas complicaciones, ya que existenunas funciones que simplifican la tarea de los desarrolladores (Ver la librería Effects). En muchos casos conseguir un efecto nos llevará una línea de código en nuestro programa, como esta:$("#capaefectos").hide("slow");
Con esto conseguimos que el elemento con id="capaefectos" desaparezca de la página. Pero además, el efecto no es un simple fundido del elemento en la página (hacersetransparente), sino que también va acompañado de una reducción de tamaño progresiva hasta desaparecer.
Combinando los efectos con la interacción de usuario, por medio de eventos, podemos conseguir que losefectos respondan a las acciones del visitante, lo que multiplica las posibilidades, manteniendo la sencillez, elegancia y facilidad de manutención del código Javascript. Lo vamos a ver en un ejemplo acontinuación.
Ejemplo de efectos e interacción en jQuery
En el siguiente ejemplo vamos a mostrar un uso sencillo de las funciones de efectos de jQuery. Vamos a implementar un simple efecto de ocultary mostrar un elemento de la página web.
Podemos ver el ejemplo en marcha en una página aparte.
Como hemos podido ver, vamos a tener una capa y un par de enlaces. Con jQuery haremos que al pulsar losenlaces se oculte y se muestre la capa, con las funciones de la librería Effects.
Para comenzar, este es el código HTML del ejemplo, que comprende tanto la capa como los enlaces.

Esto es una...