¿Cómo se hace el efecto que al pasar por encima de un hipertexto aparezca subrayado?
Me gustaría saber como se hace el efecto de tener un hipertexto y al pasar por encima aparezca subrayado o de otro color ( pero que sea texto).
Dime en que tipo de programación se usa, el código y alguna página interesante sobre este tema o parecido.
Dime en que tipo de programación se usa, el código y alguna página interesante sobre este tema o parecido.
2 Respuestas
Respuesta de solrac
1
La mejor manera de realizar un efecto sobre los textos es, mediante javascript, modificando las propiedades, o mucho mejor modificando su estilo (CSS).
Ejemplos:
<a href="hola" onmouseover="this.style.color='red';return true;" onmouseout="this.style.color='blue';return true;">saludo</a>
<a href="hola" onmouseover="this.style.textDecoration='none';return true;" onmouseout="this.style.textDecoration='underline';return true;">saludo</a>
<a href="hola" style="text-decoration:none;" onmouseover="this.style.fontSize=12;return true;" onmouseout="this.style.fontSize=15;return true;">saludo</a>
Páginas sobre este tema puedes ver en:
http://www.desarrolloweb.com/manuales/2/
http://html.programacion.net/dinamico/tutorial/dhtm21.htm
Ejemplos:
<a href="hola" onmouseover="this.style.color='red';return true;" onmouseout="this.style.color='blue';return true;">saludo</a>
<a href="hola" onmouseover="this.style.textDecoration='none';return true;" onmouseout="this.style.textDecoration='underline';return true;">saludo</a>
<a href="hola" style="text-decoration:none;" onmouseover="this.style.fontSize=12;return true;" onmouseout="this.style.fontSize=15;return true;">saludo</a>
Páginas sobre este tema puedes ver en:
http://www.desarrolloweb.com/manuales/2/
http://html.programacion.net/dinamico/tutorial/dhtm21.htm
Respuesta de xelenco2
1
Cambiar de color, aparecer subrayado, o que cambie el cursor al pasar por un enlace no se hace por medio de la programación. Tan solo son las características que se le han proporcionado a los anchor <a>. Esas características se pueden modificar y ello se hace por medio de estilos.
Has oído hablar de las CSS (Hojas de Estilo en Cascada).
Copia este código y pruébalo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>Enlaces</title>
<Style>
a {text-decoration:none; color:black;}
a:hover{text-decoration:underline; color:#0000ff; background-color:#55f5f5}
</Style>
</head>
<body>
Mueve el cursor por el texto y <a href="javaScript:alert('Muy bien!!');">descubre</a> donde se encuentra el enlace.
</body>
</html>
Puedes encontrar mucha informacion en:
- http://www.w3schools.com/css/default.asp
- http://www.devguru.com/Technologies/css/quickref/css_index.html
Has oído hablar de las CSS (Hojas de Estilo en Cascada).
Copia este código y pruébalo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>Enlaces</title>
<Style>
a {text-decoration:none; color:black;}
a:hover{text-decoration:underline; color:#0000ff; background-color:#55f5f5}
</Style>
</head>
<body>
Mueve el cursor por el texto y <a href="javaScript:alert('Muy bien!!');">descubre</a> donde se encuentra el enlace.
</body>
</html>
Puedes encontrar mucha informacion en:
- http://www.w3schools.com/css/default.asp
- http://www.devguru.com/Technologies/css/quickref/css_index.html