Heim > Artikel > Web-Frontend > So verwenden Sie ein JavaScript-Skript, um einen Scrolleffekt zu erzielen
In diesem Artikel wird hauptsächlich die Methode zur Verwendung von JavaScript-Skripten vorgestellt, um einen Scroll-Effekt zu erzielen, d Beim Erstellen von Bulletin Boards und Informationsfenstern mache ich mir oft Sorgen, ob die Scroll-Anzeige der gesamten Seite und der Bilder realisiert werden kann. Keine Sorge, hier ist eine einfache Methode, um die Scroll-Anzeige zu realisieren. Wir haben weder das .class-Programm von Java verwendet, um es zu implementieren, noch war es eine dynamische DHTML-Sprache. Wir haben lediglich einige Funktionen der JavaScript-Skriptsprache vollständig genutzt und eine kurze JavaScript-Skriptsprache geschrieben, um diese Funktion zu erreichen.
Der Originalcode lautet wie folgt:
<html> <head> <script language="Javascript"> <!--//防止错误显示 locate=0; function my_scroller() { if (locate !=400 ) { locate++;//值增加 scroll(0,locate); clearTimeout(timer); var timer = setTimeout("my_scroller()",2);//控制滚动时间 timer; } } --> </script> </head> <body OnLoad="my_scroller()"> 作者简介:<br><br> 崔同杰男<br><br>武警工程学院计算机中心<br><br> 张卫华男<br><br>武警工程学院研究生队<br><br><br><br><br> <br><br><br><br><br><br> 联系地址:<br><br> 陕西西安武警工程学院计算机中心<br><br>崔同杰<br><br></body> </html>
Sie können die Länge der angezeigten Seite steuern, indem Sie den Wert von Locate ( der Originalcode lautet Locate!= 400); Sie können „2“ in „SetTimeout(“Scroller()“,2);“ ändern. Sie können versuchen, einige Anpassungen separat vorzunehmen. Nachdem das Programm geschrieben und gespeichert wurde, muss es auf der PII PWS4.0 IE5-Plattform debuggt werden.
Weitere verwandte Tutorials finden Sie unter
JavaScript-Tutorial