monrollover

L'intérêt de ce script, est de faire bouger une image au passage de la souris, pour attirer l'attention du visiteur(contact, profil...).
Pour cela, on fait intervenir l'évènement "OnMouseOver", lié à la position et au déplacement de la souris et son complément à l'évènement "OnMouseOut".

Script à insérer entre les balises head

  <SCRIPT LANGUAGE="Javascript">        <!--         monrollover= new Image( );         monrollover.src="Image2.jpg"; //--> </script>

Script à insérer entre les balises body

  <A HREF="http://MonUrl.com" onmouseover="monrollover.src='Image2.jpg';" onmouseout="monrollover.src='Image1.jpg';">     <IMG SRC="Image1.jpg" name="monrollover" border=0>    </A>

voir la démo

Si vous voulez insérer deux (ou plusieurs) "monrollover" dans une même page, le script du head se combine ainsi:

  <SCRIPT LANGUAGE="Javascript">        <!--         monrollover= new Image( );         monrollover.src="Image2.jpg";         monrollover1= new Image( );         monrollover1.src="Image3.jpg"; //--> </script>

Le script du body devenant:

  <A HREF="http://MonUrl.com" onmouseover="monrollover.src='Image2.jpg';" onmouseout="monrollover.src='Image1.jpg';">     <IMG SRC="Image1.jpg" name="monrollover" border=0>    </A>    <A HREF="http://MonUrl.com" onmouseover="monrollover1.src='Image3.jpg';" onmouseout="monrollover1.src='Image4.jpg';">     <IMG SRC="Image4.jpg" name="monrollover1" border=0>    </A>