So verwenden Sie ein JavaScript-Skript, um einen Scrolleffekt zu erzielen-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

So verwenden Sie ein JavaScript-Skript, um einen Scrolleffekt zu erzielen

May 16, 2016 pm 03:51 PM

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:

&lt;html&gt;
　　&lt;head&gt;
　　&lt;script language=&quot;Javascript&quot;&gt;
　　&lt;!--//防止错误显示
　　locate=0;
　　function my_scroller()
　　{
　　 if (locate !=400 )
　　{
　　 locate++;//值增加
　　 scroll(0,locate);
　　 clearTimeout(timer);
　　 var timer = setTimeout(&quot;my_scroller()&quot;,2);//控制滚动时间
　　 timer;
　　}
　　}
　　 --&gt;
　　&lt;/script&gt;
　　&lt;/head&gt;
　　&lt;body OnLoad=&quot;my_scroller()&quot;&gt;
　　作者简介：&lt;br&gt;&lt;br&gt;
　　崔同杰男&lt;br&gt;&lt;br&gt;武警工程学院计算机中心&lt;br&gt;&lt;br&gt;
　　张卫华男&lt;br&gt;&lt;br&gt;武警工程学院研究生队&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
　　&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
　　联系地址：&lt;br&gt;&lt;br&gt;
　　陕西西安武警工程学院计算机中心&lt;br&gt;&lt;br&gt;崔同杰&lt;br&gt;&lt;br&gt;&lt;/body&gt;
　　&lt;/html&gt;

Nach dem Login kopieren

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

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn