Crear un efecto de arrastre sobre las imágenes, que tal vez estamos usando los botones de nuestras páginas web, es muy simple, utilizando el marco jQuery.

Como de costumbre, llamada jQuery y, a continuación, por lo general dentro de la "llamada" ...

  $ (Document). Preparada (función () ( 
     ... 
  )); 

... Insertar un código como este:

  $ ( "Img [@ *= src bottoneOut.gif]"). Mouseover (función () ( 
      $ (Este). Attr ((src: "BottoneOver.gif")); 
  )); 

Para mayor claridad:
el código que surta efecto en la imagen en su SRC (fuente, fuente) contiene "bottoneOut.gif '(pero podría escribir' Sí ',' Out ',' gif ', ...) y cuando el ratón los pases más a la acción, cambiando el atributo SRC para recuperar otra imagen.

De la misma manera el código trabaja para restablecer la situación a:

  $ ( "Img [@ *= src bottoneOut.gif]"). Mouseout (función () ( 
      $ (Este). Attr ((src: "bottoneOut.gif")); 
  )); 

Si alguien tiene algunos consejos para simplificar este código, es bienvenida.

Artículos Similares

1. Menú árbol en Javascript
2. Poniendo de relieve el autor comenta
3. [FLMX] desplazamiento horizontal de un clip, en función de la posición del ratón
4. Creación de zonas con una descripción de la imagen
5. ¿Cómo ordenar las líneas de una tabla HTML

Si te gusto el artículo, siempre es bienvenido un comentario! Si desea recibir las últimas noticias de mi blog en el que también pueden suscribirse a feeds RSS (no pago). Incluso a través del correo electrónico. HOLA!