Wie ersetze ich ein Bild mit einem anderen Bild mit JavaScript?

July 8

JavaScript weist den Browser an, nehmen Änderungen an einer Webseite, wenn der Benutzer eine Aktion ausführt. JavaScript können Sie wechseln, ein Bild mit einem anderen, ein Animationseffekts zu produzieren, wenn jemand auf einer Seite über das Bild bewegt. JavaScript Mouseover-Effekt wird verwendet, wenn Sie ein Objekt mit der Maus ändern möchten. Sie sollten bereits zwei Bilder die gleiche Größe, beide platziert an einem Ort, wo sie Ihre HTML-Datei zugreifen können.

Anweisungen

1 Öffnen Sie die HTML-Datei an der JavaScript-Code eingefügt wird.

2 Fügen Sie den folgenden Code in den Bereich, wo die Bilder angezeigt werden:

< a Href = "" onMouseOver="document.animation.src='image2.gif", "onMouseOut="document.animation.src='image1.gif ";" >

< Img Name = "Animation" Border = "0" / >< / a >

3 Ersetzen Sie "image1.gif" durch den Namen des ersten Bildes, das angezeigt werden soll, wenn der Mauszeiger nicht auf dem Bild wird. Ersetzen Sie "image2.gif" durch den Namen des zweiten Bildes, die Sie anzeigen möchten, wenn die Maus über das Bild.

4 Wählen Sie "Datei" und "Speichern", um die HTML-Datei aktualisieren.

Tipps & Warnungen

  • Sie können eine Verknüpfung zwischen den Zitaten im Code hinzufügen < a Href = "" > verlinken auf eine andere Website, wie z. B.: < a Href = "http://www.some-website.com" >.

SIE KÖNNEN AUCH GERNE