|
Une image rollover JavaScript est un groupe intéressant de HTML et du code JavaScript , quand un site utilisateur pointe sur une image , une autre image prend sa place . Lorsque l'utilisateur déplace la souris de l'image, l'image d'origine revient en vue. Après avoir trouvé deux photos que vous souhaitez utiliser , suivez ces instructions pour faire un survol de l'image de votre choix. Instructions
1 bloc-notes ouvert ou votre programme de création HTML préféré . Marquer le document avec des balises d'ouverture de base comme suit .
4 écrire le code pour dire l'image comment se comporter lorsque la souris se déplace le curseur sur l' image ou s'éloigne de l' image , comme suit. " SamplePage.html " peut être remplacé par n'importe quel lien de votre choix . Notez que " pictureTwo.src " et " pictureOne.src " correspondent aux noms des objets que vous avez établis above.onMouseOver = " document.sample.src = pictureTwo.src ; " onmouseout = " document.sample.src = pictureOne.src ; ">
5 Envoyer le document image à afficher lors de chargement de la page . Avis en nommant le récipient image de «l'échantillon », vous utilisez le même nom d' objet que le groupe précédent de code ( document.sample.src ) . Name = " échantillon ">
6 finir de coder votre document, en fermant les balises HTML restants .
|
