|
|
 |
| Introduction |  |  |
L'une des fonctions les plus utilisées est certainement le "rollover", c'est à dire l'effet réactif d'un bouton au passage de la souris. C'est très utile pour créer des menus réactifs avec deux images par bouton: une "allumée" et une "éteinte". Il existe beaucoup de scripts pour faire ça: voici le plus simple. Vous pouvez recopier librement le code source ci-dessous pour ajouter cette fonction aux pages de votre site.
Voici le code source à insérer dans la section <BODY> de votre page web pour changer une image au passage de la souris:<SCRIPT LANGUAGE="JavaScript">
/* (c) 2001 freeware - no warranty - version ie5 - http://www.geomaticien.com */
function Switch(obj)
{
if (obj)
{
if (obj.src)
{
img = obj.src;
if (obj.name)
{
obj.src = obj.name;
obj.name = img;
}
}
}
}
</SCRIPT>
Maintenant, il suffit d'insérer l'appel à la fonction Switch() pour rendre une image ou un lien réactifs, comme ceci:<IMG SRC="image1.png" NAME="image2.png" BORDER=0 onmouseover="Switch(this);" onmouseout="Switch(this);"> Ce qui donne:  ,  , ou  .
|
