Ayuda...activar text decoration al pasar el mouse

hoberwilly · #1 (**permalink**) 01/09/2008, 10:49

Hola amigos, estoy buscando como implementar al enlace que al pasar el mouse recien aparesca el subrayado: con este codigo lo que hace solamente es que al pasar el mouse cambie de color, como puede ser a lo que yo busco????

<a href="#.php" style="text-decoration: none;" onmouseover="this.style.color='white';" onmouseout="this.style.color='red';" >Ir a...</a>

Gracias de antemano el apoyo

David · #2 (**permalink**) 01/09/2008, 11:03

Puedes hacer así:

Código PHP:

  <a href="#.php" style="text-decoration: none;" onmouseover="this.style.textDecoration='underline';" onmouseout="this.style.textDecoration='none';" >Ir a...</a>

Aunque también creo que se puede hacer directamente con CSS.

hoberwilly · #3 (**permalink**) 04/09/2008, 07:27

Gracias

derkenuke · #4 (**permalink**) 04/09/2008, 17:47

En realidad no hace falta javascript para eso. Creo que la solución únicamente usando CSS está mejor:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> 
<head> 
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" /> 
<title>Página nueva</title> 
<style type="text/css"> 
a { 
    text-decoration:none; 
    color:red; 
} 
a:hover { 
    text-decoration: underline; 
    color: green; 
} 
</style> 
</head> 
 
<body> 
 
<a href="#.php">Ir a...</a>   
 
</body> 
</html>

Es mejor utilizar cuantas menos tecnologías mejor, y si vamos a usar CSS de todas formas, aprovechemos sus funcionalidades.

Saludos