Cambiar una imagen al pasar un ratón por encima en Javascript

Por Saiyine Enviar correo el 2009-01-26 08:24:53 - Secciones: JAVASCRIPT - Enlace permanente: 859

Este es un truco bastante sencillo, pero que puede usarse para efectos muy interesantes, como los típicos botones difuminados que se definen al pasar el ratón por encima, o el ya clásico de la hilera de iconos que el icono que tiene el puntero de ratón encima es mayor que los demás.

    

El código, muy simple, seria algo como:

<img src="imagen1.jpg"
                id="img"
                onmouseover="img.src='imagen2.jpg'"
                onmouseout="img.src='imagen1.jpg';">

Otras entradas de la web que podrian interesarte:

  • (521)  Nov 30   LINUX   ¿Como puedo montar una imagen ISO (imagenes de CD) y usarla como si fuera un directorio?
  • (388)  Jan 28   PERL   Dejar pasar desde o hasta una linea
  • (496)  Nov 30   DELPHI   Recorrer los componentes de un form y cambiar una propiedad de un determinado tipo de componente
  • (895)  Nov 16  PRINCIPAL VIDEOS ESPACIO  Molaria darse una vuelta por ahi
  • (742)  Jan 03   LINUX UBUNTU JAVA   Cambiar la maquina virtual por defecto en Linux Ubuntu
  • Anonimo (2009-02-13 07:52:34)

    Necesito esta misma rutina pero para excel.


    saludos

    Skata (2009-04-13 07:40:56)

    Gracias por la info, ahbia encontrado varias pero no me funcionaban, la tuya es mas practica y me funciono a la primera.

    Anonimo (2010-01-21 06:02:09)

    :roll: :roll:


    Tu nombre (Nick):

    Tu correo (Email):
      Necesario para tu gravatar!

    Tu página (URL):

    Escribe aqui tu comentario:

           :noworry: :roll: :huh: :push: :OO 8) 8O :( :) :? :D :P :o :x :| ;) ^^ xD



    Vista previa activada.

    Vista previa (6/6/6, 6:66)


    Fondos de pantalla

    . . .

    Descargas

  • ApagaPC
    apagapc241.exe  (3276)
  • LimpiaDocus
    LimpiaDocus001.exe  (2547)
  • RCM
    rcm001.zip  (2184)
  • Popmail
    popmail-0.4-psmn.tar.gz  (2255)
  • Manual de Delphi en PDF
    delphi_pdf.zip  (2848)
  • Evangelio del Perl
    Evangelio_del_perl.pdf  (2555)
  • Excel Simpsons
    Excel Simpsons  (2798)
  • . . .

    Proyectos Online

  • Saiyine Store
  • Kunowalls!!!
  • Fondos de pantalla
  • Picaday: imagenes sexys o chocantes.
  • Scarlett: fotos de Scarlett Johansson
  • WhatsmyIP: obtener tu IP pública
  • Uma Thurman: galeria de Uma Thurman
  • FunPics: imagenes graciosas
  • . . .

    Blogs

  • Por lo que más querais, no entreis a estos: Tapanez, Yhandros, Onez.

  • Otros en español: El Mundo Today, La libreta de Van Gaal, Chavalina, Kirai, Mundo Geek, Microsiervos.

  • Mis lecturas en guiri: Michael Yon, Coding Horror, YCombinator news, MySQL Performance, Slashdot.

    . . .
  • Utilidades

  •  Coral  (1063), cacheando webs
  •  Spam.la  (1249), correo de usar y tirar
  •  Mailinator  (1217), correo de usar y tirar
  •  Bug me not  (1097), absurdos registros di NO
  •  Trashmail  (1124), correo de usar y tirar

    . . .
  • Saipuntos

    Jomer: 2
    Yhandros: 1
    Cheimy: 1

    . . .

    Busquedas


    Varios ejemplos de lo que buscaban visitantes recientes:

    . . .

    Página web ©2001-2010 Saiyine generada en s, con 4118027 visitas en total, hoy (de un total de 0 previstas).

    . . .