Gewusst wie: Anzeigen von Bildern mit OnMouseOver

April 21

Durch die Aufnahme des "Onmouseover" Codes in Ihre JavaScript-Code für Ihre Webseite, können Sie Display images auf Ihrer Web-Seite, die nur sichtbar wenn werden eine Grafik oder ein anderes Bild auf ist durch den Cursor mitlesen. Anzeigen von Bildern mit dem Code "Onmouseover", können etwas Abwechslung zu Ihrer Website hinzufügen und fügen Sie einige Bilder, die nicht für Ihre Besucher sofort sichtbar sind.

Anweisungen

1 Melden Sie sich Ihrem Web-Server, und klicken Sie auf die HTML-Datei, die Sie die "Onmouseover" Anzeigen von Bildern hinzufügen möchten.

2 Klicken Sie den Cursor in den < Head >-Abschnitt der HTML-Seite. Fügen Sie diesen Code:

< Skript

Language = "Javascript" ><!--www.website.com wenn (document.images)

{image1 = neue Bild image2 = neue Bild-image1.src = http://www.website.com/visibleimage.jpg' image2.src

= 'als http://www.website.com/mouseoverimage.jpg'}--> < / script >

Ersetzen Sie "www.website.com" von der Seite, auf der Sie die "Onmouseover" Bilder veröffentlichen, mit dem URL.

3 Ersetzen Sie "als http://www.website.com/visibleimage.jpg" mit der URL des Bildes oder der Grafik, die auf der Seite sichtbar sein wird, wenn es geöffnet wird.

4 Ersetzen Sie "als http://www.website.com/mouseoverimage.jpg" mit der URL des Bildes oder der Grafik, die angezeigt werden, wenn das erste Bild gerollt ist.

5 Klicken Sie in der < Body >-Bereich der Seite.

6 Fügen Sie diesen HTML-Code:

< a Href = "als http://www.website.com"

onMouseOver="document.rollover.src=image2.src" onMouseOut="document.rollover.src=image1.src" >

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

7 Ersetzen Sie "als http://www.website.com/visibleimage.jpg" mit der URL des Bildes, die auf der Seite angezeigt wird, wenn die Seite zum ersten Mal öffnet. Wenn Ihr Webserver speichern bieten Funktion klicken Sie auf "Speichern," dann "veröffentlichen", die Seite zu veröffentlichen.