クライアント領域をスクロールさせる.

Index

ウィンドウのクライアント領域をスクロールさせます.

[例]

	<head>
	<script language="JavaScript">
	<!--
	cnt = 0;				//カウンタ
	var timerID				//タイマーID
	function Scroll(){		
		cnt += 5;			//(1)
		if( cnt < 200 ){
			scroll( 0, cnt );		//(2)
		}
		else{
			clearTimeout( timerID ); //(3)
			cnt = 0;
			return
		}
		timerID = setTimeout( "Scroll()", 10 );
	}
	//-->
	</script>
	</head>	
	
	<body>
	<form>
	<input type=button value="スクロール" onclick="Scroll()">
	</form>
	</body>

【解説】

(1)5ドットずつスクロールさせます.
(2)scroll( x , y )とすることで,クライアント領域を座標x,yの位置へスクロールさせます.
(3)200ドットスクロールしたら,ここでタイマーイベントをクリアします.

【実行してみよう】


1998(C) Motonari Morikawa