Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Imagen que cambia por otra al pasar el mouse
#1
Yo en mi sitio ocupo este codigo para hacer un menu simple con puras imagenes
se puede hacer un menu con CSS pero lo quize hacer en HTML y puras imagenes
El codigo es uno sensillo
Código:
<img onmouseout="this.src='URL DE LA PRIMERA IMAGEN';" onmouseover="this.src='URL DE LA IMAGEN QUE SE MOSTRARA AL PASAR EL MOUSE';" src="URL DE LA IMAGEN QUE SE MOSTRARA AL QUITAR EL MOUSE / RECOMIENDO LA MISMA QUE LA PRIMERA" />
En caso de que queramos que la imagen lleve a algun sitio solo se le agrega el ahref que seria

Código:
<a href="URL A DONDE LLEVARA LA IMAGEN"><img onmouseout="this.src='URL DE LA PRIMERA IMAGEN';" onmouseover="this.src='URL DE LA IMAGEN QUE SE MOSTRARA AL PASAR EL MOUSE';" src="URL DE LA IMAGEN QUE SE MOSTRARA AL QUITAR EL MOUSE / RECOMIENDO LA MISMA QUE LA PRIMERA" /></a>

Saludos! Mañana posteo un menu en CSS muy bueno

Si quieren ver una demo aca esta
http://www.modsmexicanosfull.com
Metas:
[Listo] 1000 Suscriptores En YouTube
[Casi] 5,000 Seguidores En Taringa

Sigueme En Taringa

Interesante SOY Director en Producciones TPT  Interesante
WWW
#2
Este sistema me parece mucho mas sencillo en CSS, ahorras código y es bastante mas funcional, ademas este sirve solo para cambiar de una imagen a otra, en CSS puedes hacer que rote entre varias imágenes mientras el mouse esta arriba... Teniendo esas facilidades en CSS ¿Qué ventajas tiene el html ?
#3
muy buen efecto el q has conseguido seguro lo usare en una web que tengo aparte!!!
WWW
#4
La ventaja del HTML es que no ocupa mucho en tu web, el efecto con CSS alenta tu web unos segundos y el HTML solo la alenta mientras cargan las imagenes, Saludos!
Metas:
[Listo] 1000 Suscriptores En YouTube
[Casi] 5,000 Seguidores En Taringa

Sigueme En Taringa

Interesante SOY Director en Producciones TPT  Interesante
WWW
#5
Excelente código! Yo lo puse en mi página hace algun tiempo:
http://negociodesdeinternet.com/mis-primeros-1000/

Tímido
WWW
#6
Le queda genial a tu pagina amigo
Metas:
[Listo] 1000 Suscriptores En YouTube
[Casi] 5,000 Seguidores En Taringa

Sigueme En Taringa

Interesante SOY Director en Producciones TPT  Interesante
WWW
#7
Muchas gracias por el código, en mi foro quiero hacer el menu del panel con imagenes
#8
Interesante, muchas gracias Sonrisa

Lo tendré en mente para usarlo.

Y buena idea lo de ver un ejemplo de funcionamiento. Y así visitamos tu web Lengua
#9
Es una utilidad muy buena,la he usado un par de veces
“Who are you to judge the life I live?
I know I'm not perfect
-and I don't live to be-
but before you start pointing fingers...
make sure you hands are clean!”
“Judge not unless you judge yourself”
― Bob Marley
#10
genial muchas gracias Gran sonrisa amigo ^^


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Pasar MySQL a MySQLi[POO] amner 6 311 03-05-2017, 02:05 AM
Último mensaje: ReyNexo23
  Solucionado: escribir en una imagen php firmas Sergio09 2 185 13-12-2016, 08:33 PM
Último mensaje: DarkMaster
  [Tutorial] Pasar base de datos MySQL por SSH FullPirata 1 283 11-10-2016, 04:12 PM
Último mensaje: efbsfcd
  Utilizar un loading o imagen de carga con CSS torgar22 2 391 19-12-2014, 05:09 PM
Último mensaje: amplox
  Link online para obtener html de una imagen desde word u otra página canpios 0 294 17-12-2014, 10:29 PM
Último mensaje: canpios
  3 maneras de Recargar o redirigir a otra página torgar22 1 547 24-11-2014, 03:29 AM
Último mensaje: jlgarduza
  Script personalizable en PHP para subir una imagen al servidor torgar22 0 669 23-11-2014, 11:26 PM
Último mensaje: torgar22
  Insertar imagen desde url [php] celticslment 7 621 14-10-2014, 03:37 AM
Último mensaje: AbaddonOrmuz
  Diseñadora de Logos, Banners y Cualquier Imagen, Diseños al gusto. likeycomparte 0 303 30-09-2014, 08:30 AM
Último mensaje: likeycomparte
  Cómo hacer su propia rotación de imagen en php jesuli 28 2,590 07-03-2014, 01:07 AM
Último mensaje: KeviNxDTM



Usuarios navegando en este tema: 1 invitado(s)