Les menus dynamiques (ou rollover) apportent de nouvelles possibilités d’expression.
Ils reposent sur les images réactives, capables de changer lors du passage du pointeur de
la souris ou lors d’une navigation au clavier. Leur emploi démarquera notablement un
site web de ses concurrents se limitant encore aux sages et classiques menus statiques.
Une image réactive : première méthode
Pour mettre en place des images réagissant au survol par le pointeur de la souris, la
plupart des concepteurs de site font appel au langage JavaScript et plus précisément à
sa fonction onmouseover. Les bancs de création semi-automatisés souvent employés
à ce genre de fins produisent des codes lourds, indigestes, difficiles à comprendre et à
maintenir. N’oublions pas non plus que JavaScript est fonctionnel et activé sur moins
de navigateurs que CSS, ce qui pose des problèmes d’accessibilité. Les chapitres
antérieurs évoquent quelques techniques CSS proposant un certain nombre de fantaisies dynamiques intéressantes. Le tout dernier conclut par la mise en page d’un
menu doté de puces réactives, changeant d’arrière-plan lorsque le pointeur de la
souris survole leur élément – ils recourent pour cela à la pseudo-classe :hover.
13
Images réactives
et menus graphiques