Wie man Scroll über JavaScript

May 26

JavaScript ist eine Programmiersprache, um visuelle Effekte auf einer Website zu erstellen. Diese Effekte werden automatisch oder durch Aktionen eines Benutzers auf der Seite. Die Scroll Funktion löst einen JavaScript-Effekt, wenn der Cursor über ein HTML-Element bewegt wird. Diese Funktion ist auch ein Mouseover oder Rollover-Effekt und wie ein Bild von einem zum anderen ändern oder die Anzeige ausgeblendete Elemente, z. B. ein Dropdown-Menü Aktionen ausführen kann.

Anweisungen

1 Öffnen Sie den Codeeditor Ihrer Wahl und erstellen Sie eine neue HTML-Datei. Haben Sie bereits eine vorhandene HTML-Datei gewünschten eine Schriftrolle über in, öffnen Sie, statt.

2 Erstellen Sie einen < Img >-Tag, mit ein paar Attribute. Zum Beispiel: < Img Name = "scroll" Onmouseover = "" Onmouseout = "" / >.

3 Ersetzen Sie das "img.jpg" Src-Attribut, mit dem Titel und Ort Ihres Bildes in Bezug auf die HTML-Datei, die, der Sie arbeiten.

4 Fügen Sie dem "Onmouseout"-Attribut, einen JavaScript-Effekt erstellen, wenn der Cursor Weg von dem Bild bewegt wird. Zum Beispiel: < Img Name = "scroll" Onmouseover = "" onmouseout="document.images['scroll'].src='img.jpg" "/ >.

5 Fügen Sie dem "Onmouseover"-Attribut, einen JavaScript-Effekt erstellen, wenn der Cursor über das Bild bewegt. Zum Beispiel: < Img Name = "scroll" onmouseover="document.images['scroll'].src='img_two.jpg" onmouseout="document.images['scroll'].src='img.jpg'" / >.