08/01/2011, 13:59:45
sans aller jusqu'a utiliser les sprites css (fonds de boutons comprenant deux images) tu peux très bien faire très simplement :
et le code CSS associé
zéro javascript
Citation :voici le bouton <span class='bouton'></span>
et le code CSS associé
Citation :.bouton{
display:block;
height:20px; // = hauteur de l'image
width:20px; // largeur de l'image
background: url(/url/de/mon/image.gif); //l'url de mon image en mode normal
}
.bouton:hover{
background: url(/url/de/mon/image2.gif); //l'url de mon image en mode survolé
}
zéro javascript