|
Accueil > Javascripts >
Graphisme > OnMouseOver Ce script permet d'afficher des boutons
dynamiques dont l'image change au survol de la souris.
Vous placez le code N°1 dans
l'en-tête de votre page (entre <head> et </head>).
Pour le code N°2, regardez ci-dessous.
________________________________________________________________
Code N°1
<script>
image1 = new Image(75,17);
image1.src = "bouton1.gif";
image2 = new Image(75,17);
image2.src = "bouton2.gif";
</script>
Code N°2 Copiez le code ci-dessous à
l'endroit désiré dans le corps de votre page entre les balises <body> et
</body>
<a
HREF="http://www.swisstools.net" onMouseOver="bouton.src = image2.src"
onMouseOut="bouton.src = image1.src"><img SRC="bouton1.gif"
NAME="bouton" border="0" width="75"
heigth="17"></a>
Voici
le même script, mais pour plusieurs
boutons (vous pouvez en ajouter un nombre illimité
en suivant la logique ci-dessous) :
Code N°1
<script>
image1 = new Image(75,17);
image1.src = "bouton1.gif";
image2 = new Image(75,17);
image2.src = "bouton2.gif";
image3 = new Image(75,17);
image3.src = "bouton3.gif";
image4 = new Image(75,17);
image4.src = "bouton4.gif";
image5 = new Image(75,17);
image5.src = "bouton5.gif";
image6 = new Image(75,17);
image6.src = "bouton6.gif";
</script>
Code N°2 Copiez le code ci-dessous à
l'endroit désiré dans le corps de votre page entre les balises <body> et
</body>
<a
HREF="http://www.swisstools.net" onMouseOver="bouton.src = image2.src"
onMouseOut="bouton.src = image1.src"><img SRC="bouton1.gif"
NAME="bouton" border="0" width="75"
heigth="17"></a>
<a
HREF="http://www.tf1.fr" onMouseOver="bouton2.src = image4.src"
onMouseOut="bouton2.src = image3.src"><img SRC="bouton3.gif"
NAME="bouton2" border="0" width="75"
heigth="17"></a>
<a
HREF="http://www.cnn.com" onMouseOver="bouton3.src = image6.src"
onMouseOut="bouton3.src = image5.src"><img SRC="bouton5.gif"
NAME="bouton3" border="0" width="75"
heigth="17"></a>
________________________________________________________________
|