méthode getElementById () de JavaScript permet aux programmeurs d'inspecter et de modifier la plomberie interne d'une page Web. Cette méthode a accès à l'interface de programmation d'application d'une page web appelé le Document Object Model ou DOM . Avec getElementById () , le programmeur peut modifier les informations de style de la balise la plus HTML ( HyperText Markup Language) - y compris les images d'arrière-plan . Le JavaScript événement fonctions onMouseOver () et onMouseOut () réagissent au mouvement de la souris sur les éléments HTML en déclenchant l'exécution d'instructions JavaScript . Les balises HTML doivent être étiquetés avec un identifiant unique pour la méthode getElementById () peut trouver et de les modifier . Choses que vous devez
éditeur de texte
deux images de fond de même taille , GIF, PNG ou JPG
Afficher plus Instructions
1
lancer l'éditeur de texte qui est venu avec votre ordinateur.
2
Entrez le code suivant dans l'éditeur de texte . Remplacez les noms d'image " image1.jpg " et " image2.jpg " avec les noms et le format de vos fichiers image de fond. Ajuster la taille des images dans le " mydiv " feuille de style en cascade ainsi .
< Style type = " text /css "> < -
mydiv {
background-image ! . : type = " text /javascript" > Photos
fonction ChangeImage ( linknumber )
{ var
changeimageback ( linknumber )
{ var
id = " mydiv1 " class = onMouseOver " mydiv " = " ChangeImage ('1 ' ) ; " onmouseout = " changeimageback ('1' )"> Link 1 < /div>
id="mydiv2" class="mydiv" onMouseOver="changeimage('2');" onMouseOut="changeimageback('2')" > Link 2
Photos
Photos
Photos
Photos
3
Cliquez sur " fichier", " Enregistrer". Enregistrer sous " test.html ".
4
Lancez votre navigateur. Cliquez sur " Fichier", " Ouvrir un fichier. "
5
Localisez et ouvrez le fichier " test.html " vous venez de créer.
6
Déplacez le pointeur de la souris sur l' liens pour tester le changement d'image de fond.
