Site en travaux

Attention : un problème technique (serveur SQL) empêche l'accès à cette partie du site. Merci de votre compréhension.
BiBBleFREE
Accueil du site > Internet. > HTML

Faire un Rollover.

mardi 26 juin 2007 par musteray

Le code.

Explication.

<script language="JavaScript">...</script> Balises à placer dans le <head>...</head> qui indiquent aux navigateurs que tout ce qui est compris entre les deux balises est du JavaScript,
<!-- Begin ... end --> Indique aux navigateurs qui ne gèrent pas le JavaScirpt de sauter cette partie,
monrollover = new Image(); monrollover.src = "images/image_off.png"; Fonction javascript qui permet de précharger l’image de substitution,
<a href="http://musteray.free.fr" onMouseOver=monrollover.src ='images/image_off.png';" onMouseOut="monrollover.src = 'images/image_on.png';"> ... </a> Balises HTML contenant le lien vers une page HTML (href) et les deux fonctions JavaScript onMouseOver et onMouseOut qui permettent de changer d’image au passage de la souris,
onMouseOver="monrollover.src ='images/image_off.png';" Fonction JavaScript qui dit ceci : "Lorsque la souris passe dessus [onMouseOver], à l’endroit qui s’appelle monrollover.src, j’affiche l’image qui se trouve dans le images/image_off.png,
onMouseOut="monrollover.src = 'images/image_on.png';" Fonction JavaScript qui dit ceci : "Lorsque la souris sort de la zone onMouseOut, à l’endroit qui s’appelle monrollover.src, j’affiche l’image qui se trouve dans images/image_on.png",
<img src="images/image_on.png" name="monrollover"> Balises HTML qui permet d’afficher une image par défaut images/image_on.png. En outre cet endroit sur la page, s’appelle monrollover.