Inicio | Ayuda | Chat | Libro de Visitas 
 
   

  HTML.Dyn@mico


  Imágen con efecto Mouse-Down

 

 

Anterior

Inicio  

 

Descripción: Este Script le da a las imágenes con links un efecto de "botón presionado" cuando se hace click sobre él (Mousedown).

Demo: Haz click en la imágen. (En este ejemplo le desactivé el link)

Instrucciones

Paso 1: Guarde las imágenes a continuación en el directorio de su página (click con el botón derecho del mouse y elegir "Guardar imagen como...") o utilice sus propias imágenes:

up.gif (1876 bytes) down.gif (1913 bytes)

Paso 2: Inserte el siguiente código en la sección <head> de su web. Si usas tus propias imágenes, cambia "up.gif" and "down.gif" por el nombre de tus archivos.


Paso 3: Finalmente, inserte el siguiente código en la sección <body> de su página:

<a href="whatever.htm" onMousedown="document.images['example'].src=img2.src" onMouseup="document.images['example'].src=img1.src">
<img src="up.gif" name="example" border=0></a>

Si quieres tener varias imágenes con este efecto en tu web, simplemente repite los Pasos 2 y 3 para cada imágen. En el Paso 2 recuerda cambiar el nombre de las imágenes en el código. En el Paso 3 recuerda cambiar ('example') por otro nombre.

Listo!

 

Consultas
Envianos tus consultas o comentarios.
Recomendar

Puedes Recomendar esta web a tus amigos.

  HTML.Dyn@mico  - © 2001-2003 -   Todos los derechos reservados   .   www.htmldynamico.cjb.net