Habituellement réservés aux langages de programmation tels que JavaScript, les
effets spéciaux d’apparition et disparition d’objets au passage du pointeur de la souris
sont désormais accessibles en CSS. En associant sa pseudo-classe :hover à des instructions de style, on pourra ainsi reproduire très simplement certains comportements dynamiques sans faire appel à des scripts.
Les comportements dynamiques en CSS
Faire apparaître un élément précis lors du survol d’un élément de la page par le pointeur de la souris, accompagner celui d’un lien du menu d’une image d’explication…
réaliser ces comportements dynamiques en styles CSS évite de recourir à des scripts
ou au langage Flash de Macromedia, qui ne fonctionnent pas partout.
Les statistiques mondiales du site web w3schools (http://www.w3schools.com/browsers/
browsers_stats.asp) estiment en effet que JavaScript est désactivé dans un ordinateur
sur dix. Les plug-ins comme Flash et Shockwave ne sont pas non plus installés partout par défaut, et leurs dernières versions mettent du temps à diffuser. En revanche,
tous les navigateurs graphiques récents connaissent les feuilles de styles CSS, même
s’il est important de noter que chacun est libre de les désactiver.
11
Afficher et masquer