onmouse over con IE6-7

04/03/2007 - 15:51 por Jordi Maycas | Informe spam
Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?
 

Leer las respuestas

#1 Miguel Gonzalez
05/03/2007 - 18:31 | Informe spam
Hola Jordi.

Puedes hacerlo mediante CSS (Cascading Style Sheets) a través de la
propiedad "font-size" y el pseudoelemento "hover":

span {font-size: 100%;}
span:hover {font-size: 150%;}

Tiene el inconveniente de que IE (y otros navegadores antiguos) no
soporta "hover" sobre cualquier elemento, sino sólo sobre los enlaces
(<a>). Si el cambio lo quieres hacer sobre un enlace no tendrás ningún
problema.

También puedes utilizar lo anterior combinado con javascript:

onmouseover="this.style.fontSize='150%';"
onmouseout="this.style.fontSize='100%';"

Aunque tendrás el mismo problema en IE: no todos los elementos disparan
los eventos "onmouseover" y "onmouseout".

Saludos!
Miguel


Jordi Maycas escribió:
Hola!

¿Como hago para que al pasar sobre un texto se vea mas grande, y
entonces despues vuelva a su tamaño?


Preguntas similares