9 août 2010

Changer la couleur des liens au survol de la souris

Dans l'HTML du module d'entête, vous collez ce code et vos liens changeront de couleur au survol de la souris.

Vous pouvez tester en pointant votre souris sur ce lien : Les nouvelles ficelles d'Anna K.
<script type="text/javascript">
var couleur;
var b=0;var c=255;d=100;
var obj;
function on(e){
if(!obj){obj=window.Event ? e.target : event.srcElement};
couleur="rgb("+b+","+c+","+d+")";
if(b<=245){b+=10}
else if(b>245 && c>10){c-=10}
else if(d>0){d-=10}
obj.style.color=couleur;
un=setTimeout("on()",10)
}
function off(){
clearTimeout(un);
obj=false;
b=0;c=255;d=100;
this.style.color=''
}
var liens=document.links;
for(i=0;i<liens.length;i++){
liens[i].onmouseover=on;
liens[i].onmouseout=off;
}
</script>

1 commentaire:

  1. Bon Soir Anna,

    Moi qui mets beaucoup de couleurs sur mon blog, je suis intéressée de modifier les couleurs de mes liens au passage de la souris.
    Je viens de mettre ce long code sur mon blog et rien ne s'est produit...
    Pourrais-tu donner des précisions STP ?

    Au plaisir de tes mots.
    Soriah

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)