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