JavaScript ist getElementById ()-Methode können Programmierer prüfen und ändern Sie die internen Rohrleitungen einer Webseite . Diese Methode hat Zugriff auf die Programmierschnittstelle einer Webseite namens Document Object Model oder DOM . Mit getElementById () kann der Programmierer verändern meisten HTML (Hypertext Markup Language ) tag styling Informationen - einschließlich Hintergrundbildern. Die JavaScript-Event- Funktionen onMouseOver () und onMouseOut (), um die Bewegung der Maus über die HTML-Elemente reagieren durch das Auslösen der Ausführung von JavaScript -Anweisungen. Die HTML-Tags muss mit einer eindeutigen ID gekennzeichnet werden , so dass die getElementById ()-Methode finden und ändern. Things You
Texteditor
Zwei gleich große Hintergrund-Bilder , GIF, PNG oder JPG
brauchen anzeigen Weitere Anweisungen
1

Starten Sie den Texteditor, kam mit Ihrem Computer.
2

Geben Sie den folgenden Code in den Texteditor . Ersetzen Sie die Bildnamen " image1.jpg " und " image2.jpg " mit den Namen und das Format Ihrer Hintergrund -Bilddateien. Passen Sie die Bildgrößen in der " mydiv " Cascading Style Sheet als gut.

< Style type = " text /css "> < -

mydiv {

background-image ! . : type = "text /javascript" >

Funktion ChangeImage ( linknumber )

{ var

changeimageback ( linknumber )

{ var

id = " mydiv1 " class = " mydiv " onmouseover = " ChangeImage ('1 ') ; " onMouseOut = " changeimageback ('1') " > Link- 1 < /div>

< /body>

< /html>
3

Klicken Sie auf " Datei", " Speichern". Speichern unter " test.html . "
4

Starten Sie Ihren Browser . Klicken Sie auf " Datei", " Datei öffnen ".
5

Suchen und öffnen Sie die Datei " test.html " Sie gerade erstellt haben.
6

Bewegen Sie den Mauszeiger über die Links das Hintergrundbild ändern zu testen.