CIUDAD BLOGGER??

SI ALGO DE TODO ESTO ME SALE, PUES ENTONCES LA SEMANA SE VOLVERÁ IMPORTANTE… y si no, má sí, lloraré y yá

CAMBIAR LA IMÁGEN AL PASAR EL MOUSE 1

CAMBIAR LA IMÁGEN AL PASAR EL MOUSE 2

CAMBIAR LA IMÁGEN AL HACER CLICK

HACER QUE LAS IMÁGENES SE ARRASTREN 1

HACER QUE LAS IMÁGENES SE ARRASTREN 2

AGREGAR BANNER DE 125 X 125 EN LA HTML

TODAS LAS ENTRADAS DE IMÁGENES -por si las moscas-

Y SI ME SALE UNO SÓLO DE LOS EFECTOS DE VAGABUNDIA... SOY CAPÁZ HASTA DE NO FUMAR 38 DÍAS SEGUIDOS POR LA ALEGRÍA....

VAGABUNDIA: Efectos elementales con JQuery

Los efectos elementales para mostrar y ocultar elementos con JQuery son bastante similares a los que se aplican con Scriptaculous.

Hay ocho funciones que los controlan:

show() y hide() muestran y ocultan un elemento de manera simple
fadeIn() y fadeOut() lo muestran u ocultan con un efecto de fade
slideDown() y slideUp() lo muestran u ocultan con un efecto deslizante
toggle() permuta el estado de un elemento, si está oculto lo muestra y viceversa
slideToggle() hace lo mismo pero con un efecto deslizante

Para utilizarlos, debemos indicar dos cosas, el elemento sobre el cual se va a aplicar el efecto y el enlace que ejecutará la función. Ambos deberían ser identificados con un ID único. Por ejemplo:

....... el contenido .......

MOSTRAR OCULTAR La función sería algo así:

Con el mismo tipo de sintaxis, podríamos utilizar los otros efectos:

$("#nombreEnlaceMostrar").click(function () { $("#nombreContenido").fadeIn(); });$("#nombreEnlaceOcultar").click(function () { $("#nombreContenido").fadeOut(); });$("#nombreEnlaceMostrar").click(function () { $("#nombreContenido").slideDown(); });$("#nombreEnlaceOcultar").click(function () { $("#nombreContenido").slideUp(); });Y en el caso de toggle sólo requerimos una instrucción:

$("#nombreEnlace").click(function () { $("#nombreContenido").toggle(); });o bien:
$("#nombreEnlace").click(function () { $("#nombreContenido").slideToggle(); });