Cambiar una zona al pasar el raton

[Batan]

Vale, pero uno sencillo solo

El HTML

Código HTML:

<a href="#" id="uno" style="color: blue;" onmouseover="uno()" onmouseout="unoSoltar()">Primer enlace</a>
    <a href="#" id="dos" style="color: blue;" onmouseover="dos()" onmouseout="dosSoltar()">Segundo enlace</a>
 

Invocas los eventos onmouseover(al poner el cursor encima) y onmouseout(al quitar el cursor)



Javascript

Código Javascript:

<script type="text/javascript">
function uno(){
    document.getElementById('dos').style.color = "red";
    }
 
function dos(){
    document.getElementById('uno').style.color = "red";
    }
    
function unoSoltar(){
    document.getElementById('dos').style.color = "blue";
    }
    
function dosSoltar(){
    document.getElementById('uno').style.color = "blue";
    }
</script>
 

Creamos cuatro funciones, las dos primeras harás que el estilo del enlace cambie, y los dos siguiente serán las que los devuelvan a su estilo original.


Saludos