[ JavaScript ] 画面を自動スクロールするサンプル

JavaScript で画面を自動スクロールするサンプルです。

サンプルコード ———————————————————————-

<html><head>
<title>Javascript Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript1.1">
<!--
var stop_y = 2300;
var y = 8;
var i = 0;
var step = 2;
function Wscroll () {
    if ( y <= stop_y ) {
        y += step;
        window.scroll (0,y);
        setTimeout ("Wscroll()",10);
    }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="20" topmargin="20" marginwidth="20" marginheight="20" onload="Wscroll();">
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
<p>画面の自動スクロール</p>
</body>

実際に動作するサンプル ———————————————————————-

サンプルファイル

動作確認

– OK – Mac Safari 2.0 – OK – Mac Firefox 2.0

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です