Cambio de color al poner el cursor

Este es el script que puedes seleccionar, copiar y pegar directamente.
Esta parte del script hay que pegarlo entre las etiquetas HEAD y /HEAD:

<!-- Consigue este JavaScript y otros muchos en MundoJavaScript.com -->
<script>

var coldColor = "#FF0000"
var hotColor = "#00FF00"
var motionPix = "7"

// do not edit below this line
// ======================================

var a='<style>'+
'A.InstantLink:link {'+
' color:'+coldColor+';'+
' text-decoration:none;'+
' padding:0 '+motionPix+' 0 0;'+
' }'+
'A.InstantLink:visited {'+
' color:'+coldColor+';'+
' text-decoration:none;'+
' padding:0 '+motionPix+' 0 0;}'+
'A.InstantLink:active {'+
' color:'+coldColor+';'+
' text-decoration:none;'+
' padding:0 '+motionPix+' 0 0;'+
' }'+
'A.InstantLink:hover {'+
' color:'+hotColor+';'+
' text-decoration:underline overline;'+
' padding:0 0 0 '+motionPix+';'+
' }'+
'</style>'
if (document.all || document.getElementById){
document.write(a)
}
</script>

Este es el script que puedes seleccionar, copiar y pegar directamente.
Esta parte del script hay que pegarlo entre las etiquetas HEAD y /HEAD:

<table border="0" cellpadding="1" cellspacing="0" bgcolor="#6E6650">
<tr>
<td>
<table border="0" cellpadding="7" cellspacing="0" bgcolor="#141414">
<tr>
<td bgcolor="#141414">
<font face="Arial" size="2" color="#FEDCBA">
<a class="InstantLink" href="http://www.mundojavascript.com">Link 1</a><br>
<img src="spacer.gif" width="5" height="5"><br>
<a class="InstantLink" href="http://www.cambiabanners.com">Link 2</a><br>
<img src="spacer.gif" width="5" height="5"><br>
<a class="InstantLink" href="http://www.iaupa.com">Link 3</a><br>
<img src="spacer.gif" width="5" height="5"><br>
<a class="InstantLink" href="http://www.mundojavascript.com">Link 4</a><br>
<img src="spacer.gif" width="5" height="5"><br>
<a class="InstantLink" href="http://www.cambiabanners.com">Link 5</a><br>
<img src="spacer.gif" width="5" height="5"><br>
<a class="InstantLink" href="http://www.iaupa.com">Link 6</a><br>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>



Autor: mundojavascript.com
http://www.mundojavascript.com/menues/cambia_color_al_poner_el_cursor.shtml

Usuarios que han visto este tema también han visto...

- Efectos del Ratón
- Un sólo cambio para modificar múltiples páginas con JavaScript
- Detectar el idioma y país del usuario con Javascript
- Página de inicio y favoritos
- Menu desplegable con enlace con Javascript

- Versión imprimible de este documento
- Enviar por e-mail este documento