ホームページ > 記事 > ウェブフロントエンド > JavaScript スクリプトを使用してスクロール効果を実現する方法
JavaScript スクリプトを使用してスクロール効果を実現する方法
- PHPzオリジナル
- 2016-05-16 15:51:061227ブラウズ
この記事では主に 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 チュートリアル
をご覧ください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。