como hago para q un texto hecho con css al pasar el mouse cambie la letras...
como hago para q un texto hecho con css al pasar el mouse cambie la letras de color y de forma..¿?¿?
Te pongo un ejemplo:
<html>
<head>
<style type="text/css">
.estilo1{color:#ff0000;font-family:verdana}
.estilo2{color:#007700;font-family:arial}
</style>
</head>
<body>
<font class="estilo1" onmouseover="this.className='estilo2';" onmouseout="this.className='estilo1';">texto de muestra</font>
</body>
</html>
Si el texto al que te refieres es un link dímelo porque
se haría de otra forma. Aunque esta tb funciona con un
link
<html>
<head>
<style type="text/css">
.estilo1{color:#ff0000;font-family:verdana}
.estilo2{color:#007700;font-family:arial}
</style>
</head>
<body>
<font class="estilo1" onmouseover="this.className='estilo2';" onmouseout="this.className='estilo1';">texto de muestra</font>
</body>
</html>
Si el texto al que te refieres es un link dímelo porque
se haría de otra forma. Aunque esta tb funciona con un
link
gracias por la respùesta..pero sip¡¡ es un link`s---
q le coloco ya q el <a font> no tiene para colocarle vinculos (eso creo)
mira otra cosa...revisando el foro hay una respuesta q tambien me interesa...un atl tocayo..q te pregunto algo sobre carga de paginas...no sabes si le funciono...y si no...sabes la respuesta¿?¿?
q le coloco ya q el <a font> no tiene para colocarle vinculos (eso creo)
mira otra cosa...revisando el foro hay una respuesta q tambien me interesa...un atl tocayo..q te pregunto algo sobre carga de paginas...no sabes si le funciono...y si no...sabes la respuesta¿?¿?
Bueno, primero que nada decirte que el ejemplo anterior
también se podia aplicar sobre un Link, o sobre un
<div>, <p>, <span> ... y cualquier otro elemento que
pueda contener texto.
Pero en el caso del Link existe una forma más fácil
de hacerlo, ya que en su caso se le puede definir un
estilo "cambiante" que reacciona al paso del ratón.
Se haría de esta forma:
<html>
<head>
<style type="text/css">
a.estilo1{color:#ff0000;font-family:verdana;text-decoration:none}
a.estilo1:hover{color:#007700;font-family:arial;text-decoration:none}
</style>
</head>
<body>
<a class="estilo1" href="tuURL">texto de muestra</a>
</body>
</html>
Como ves ya no hace falta programar el cambio de estilo
en los eventos onmouseover y onmouseout.
En cuanto a lo de Tocayo pues ya le contestaré, aunque
no se si ya solucionó su problema, pero me parece que no.
también se podia aplicar sobre un Link, o sobre un
<div>, <p>, <span> ... y cualquier otro elemento que
pueda contener texto.
Pero en el caso del Link existe una forma más fácil
de hacerlo, ya que en su caso se le puede definir un
estilo "cambiante" que reacciona al paso del ratón.
Se haría de esta forma:
<html>
<head>
<style type="text/css">
a.estilo1{color:#ff0000;font-family:verdana;text-decoration:none}
a.estilo1:hover{color:#007700;font-family:arial;text-decoration:none}
</style>
</head>
<body>
<a class="estilo1" href="tuURL">texto de muestra</a>
</body>
</html>
Como ves ya no hace falta programar el cambio de estilo
en los eventos onmouseover y onmouseout.
En cuanto a lo de Tocayo pues ya le contestaré, aunque
no se si ya solucionó su problema, pero me parece que no.