A JavaScript Rollover ist eine interessante Gruppe von HTML-und JavaScript-Code , wenn ein Nutzer der Website deutet auf ein Bild , nimmt ein anderes Bild seinen Platz . Wenn der Benutzer die Maus bewegt sich weg von dem Bild, kommt das ursprüngliche Bild wieder in den Blick . Nach der Feststellung , dass zwei Bilder die Sie verwenden möchten , folgen Sie diesen Anweisungen, um ein Bild Rollover der eigenen zu machen . Anleitung
1
Öffnen Sie Editor oder Ihre bevorzugten HTML -Authoring-Programm . Markieren Sie das Dokument mit Basisöffnungswinkel Tags wie folgt .
4
Schreiben Sie den Code , um das Bild , wie man sich verhalten, wenn Sie den Mauszeiger über das Bild oder weg von dem Bild, wie folgt zu erzählen. " SamplePage.html " kann mit jedem Link Ihrer Wahl ersetzt werden. Beachten Sie, dass " pictureTwo.src " und " pictureOne.src " die Objekt- Namen, die Sie gegründet above.onMouseOver = match " document.sample.src = pictureTwo.src ; " onMouseOut = " document.sample.src = pictureOne.src ; " >
5
Sagen Sie das Dokument, das Bild anzuzeigen , wenn die Seite zum ersten Mal geladen wird. Unsere durch die Benennung des Bild-Containers "Probe ", Sie sind mit dem gleichen Namen wie das Objekt Vorige Gruppe von Code ( document.sample.src ) . Name = "Probe" >
6
Fertig Kodierung Ihrer Dokument durch Glattstellung die restlichen HTML-Tags.
