JavaScript スクリプトを使用してスクロール効果を実現する方法-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript スクリプトを使用してスクロール効果を実現する方法

May 16, 2016 pm 03:51 PM

この記事では主に JavaScript スクリプトを使用してスクロール効果、つまり掲示板表示のような効果を実現する方法を紹介します。必要な友人はそれを参照してください。

Web ページを頻繁に作成する多くの友人。掲示板や情報ウィンドウを作るとき、ページ全体や画像のスクロール表示を実現するのによく悩みますが、ここでは簡単にスクロール表示を実現する方法を紹介します。これを実装するために Java の .class プログラムを使用したわけでも、動的 DHTML 言語を使用したわけでもありません。JavaScript スクリプト言語のいくつかの機能を最大限に活用し、この機能を実現するためにいくつかの短い JavaScript スクリプト言語を作成しました。

元のコードは次のとおりです。

&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;

ログイン後にコピー

Locate (元のコードは Locate!= 400); 「SetTimeout("Scroller()",2);」の「2」を変更すると、スクロール速度を変更できます。いくつかの調整を個別に試してみることもできます。プログラムを作成して保存した後、PII PWS4.0 IE5 プラットフォームでデバッグする必要があります。

その他の関連チュートリアルについては、JavaScript チュートリアル

をご覧ください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。