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

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

PHPz

リリース： 2018-10-12 17:27:25

オリジナル

1261 人が閲覧しました

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

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

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

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

ログイン後にコピー

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

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

をご覧ください。