Como puedo con javascript cambiar el color de un link al pasar por encima con el ratón
gracias
Lo que pides se suele hacer con CSS no tiene mucho sentido lo de usar javascript. Con CSS sería con las propiedades :
a:link{
}
a:hover{
}
un manual :
Como ha dicho #2 es aconsejable usar CSS para estas cosas, pero si por alguna razon lo nesesitas en JS aqui un ejemplo:
< HTML>
< script>
function cc(type) {
if (type==0) {
document.getElementById("lnk").style.color="#ff00ff";
}else{
document.getElementById("lnk").style.color='';
}
}
</script>
< body>
< a id="lnk" href='#' onmouseover="cc(0);" onmouseout="cc(1);" >Here</a>
</body>
</html>
#3 Ya que usas una funcion con parametros, podriamos economizar un poco el codigo:
< HTML>
< script>
function cc(type,obj) {
if (type==0) {
obj.style.color="#ff00ff";
}else{
obj.style.color='';
}
}
</script>
< body>
< a href='#' onmouseover="cc(0,this);" onmouseout="cc(1,this);" >Here</a>
</body>
</html>
O podriamos pasar de la funcion y hacerlo directamente en el evento, cosa que economiza si se trata de un solo link por pagina, pero seria mejor usar la funcion si se va a repetir el proceso repetidas veces:
< body>
< a href='#' onmouseover="this.style.color='#ff00ff'" onmouseout="this.style.color=''" >Here</a>
</body>
Salu2
#4 Es que como entiendo que #1 no entiende mucho en js, es mejor hacer el codigo mas simple. Pq me acuerdo cuanto empeze con js y veia los ejemplos etc me liaba mucho.
Pero asi puede entender como funciona todo, o eso espero.
Y sobre el segundo ejemplo, esta bien, pero si hay mas de un link el codigo se hace pesado a la vista.