Rollover sur des ancres

Bonjour,

j'essaye actuellement de créer une page perso, cette page contiendra un menu fixe en haut de page avec des liens sur des ancres menant au différentes sections de la page. J'aimerai qu'en fonction de la section ou l'on se trouve les liens du menu change de couleur.

un peu comme sur ce site perso

J'ai commencé a apprendre le html/css il y peu de temps, et je comprend pas très bien le javascript, mais bon je saurai faire des tutos.

Donc si vous avez des idées ou des indices à me donner, je suis preneur.

Merci d'avance

Salut,

Si ton lien est en texte, tu peux les gérer ainsi dans ton CSS

a {
    propriétés du lien en état normal
}

a:hover {
    propriétés du lien qui changent en état survolé
}

Si ton lien est en image, il faut que tu créées une image qui fait le double de la hauteur d'un état. Par exemple, si l'image du lien en état normal fait 25px de haut et 100px de large, créé une image vide de 100px de large et 50px de haut.

Dans cette image vide, colle l'image correspondant à l'état normal tout en haut (dans les 25 premiers pixels), puis colle l'image correspondant à l'état survolé tout en bas.

Ensuite dans le css, tu peux gérer le rollover ainsi :

.monlien {
    width:100px;
    height:25px;
    background-image:url(monImage.jpg);
    background-position:center top;
    background-repeat:no-repeat;
}

.monlien:hover {
   background-position:center bottom;
}

Modifié par MattBPA (14 Sep 2012 - 17:35)