Categorías: Javascript

Código Javascript para crear rollovers con imágenes

Si queréis probar este truco antes de ponerlo en vuestra pagina web haremos los siguiente.
Nos vamos al botón de Inicio——–>Todos los programas——>Accesorios y Bloc de notas.
Abierto el bloc de notas  pondremos el siguiente código.
<body><a href=»JavaScript:void(0);» onMouseOver=»if (document.images) document.maker1.src=»URL DE LA PRIMERA IMAGEN»;» onMouseOut=»if (document.images) document.maker1.src=»URL DE LA SEGUNDA IMAGEN»;»><img src=»URL DE LA PRIMERA IMAGEN» width=»900″ height=»900″ name=»maker1″ border=»5″></a>
<script language=»JavaScript» type=»text/javascript»>
<!–
if (document.images)
{
var maker1 = new Image();
maker1.src = «URL DE LA SEGUNDA IMAGEN«;
}
//–>
</script></body></html>
Ya puesto el código en el bloc de notas lo guardaremos como ROLLOVERS.HTML y lo guardaremos en nuestro escritorio.
Ahora abriremos el archivo creado y veremos el resultado de este efecto.
Si os gusta el resultado ya lo podéis poner en vuestra pagina web.

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

Instagram: https://www.instagram.com/paramissuperioresoficial/

Twitch: https://www.twitch.tv/eimafias/

ElMafias

Compartir
Publicado por
ElMafias
Etiquetas: Javascript

Entradas recientes

Cómo usar un Ipad Mini como monitor pc

Cómo usar un Ipad Mini como monitor pc

En este tutorial vamos hacer que un ipad mini haga de segundo monitor. Para que…

1 semana hace
Activar cuenta Super Administrador en Windows 10

Activar cuenta Super Administrador en Windows 10

Cuando tenemos algún problema en Windows y lo intentas solucionar desde el usuario de administrador …

2 semanas hace
Aprende a programar con LOGO en el emulador Applewin

Aprende a programar con LOGO en el emulador Applewin

Allá por el año 1988 en el colegio teníamos una asignatura que era informática y…

2 meses hace
Cómo añadir Roms a Recalbox Raspberry pi 4.

Cómo añadir Roms a Recalbox Raspberry pi 4.

Ayer os explicaba como instalar Recalbox en nuestra Raspberry pi 4.  Hoy vamos añadir roms a través…

2 meses hace
Instalar Recalbox en una tarjeta microSD de 128 GB para Raspberry Pi 4

Instalar Recalbox en una tarjeta microSD de 128 GB para Raspberry Pi 4

Hace unos años explicamos como crear una consola retro en una Raspberry pi 3. En…

2 meses hace
Cómo cambiar el nombre de Nueva Carpeta predeterminada desde regedit

Cómo cambiar el nombre de Nueva Carpeta predeterminada desde regedit

Cuando creamos una carpeta nueva en Windows 10, la carpeta recibe el nombre de “Nueva…

2 meses hace