Top-News.fr

Top-News > Informatique > Changement de couleur d' un DIV au survol de la souris

Changement de couleur d' un DIV au survol de la souris

html

Changement de couleur d' un DIV au survol de la souris :
pour effectuer cette opération on peut envisager deux solutions :

- une première utilisant javascript
- une seconde utilisant le css

  • javascript :

on utilise les propriétés onMouseOver et onMouseOut .
exemple de code :

<div style="background:yellow;" onMouseOver="this.style.background='red';" onMouseOut="this.style.background='yellow';">
mon div
</div>

le résultat :

mon div
  • en utilisant le css :

solution sans doute la plus efficace , on allège le code html !!! on utilise la propriété hover qui est applicable à quasiment tous les éléments d' une page html .

déclaration à placer dans le code html de la page :
<div class="mondiv">mon div</div>

déclaration à placer dans la feuille de style de la page :
.mondiv{
background: yellow;
}

.mondiv:hover{
background:red;
}

* il est préférable pour des raisons de compatibilité entre les navigateurs d' indiquer les couleurs sous leurs formes hexadécimales .

plus de news sur Changement de couleur d' un DIV au survol de la souris

dans les dossiers : • Informatique

Votre avis sur le billet : Changement de couleur d' un DIV au survol de la souris