ミミズの学校

■ できあがった図形をスクロールさせよう(13-3)

横スクロール画面を表示するページ (13-3-2)

  1. 赤い部分をコピーしてください。

  2. yyy.midは音の必要がないときはここの１行を省く。

  3. endの数字は最初は小さめにしてから調整していきます。

  4. zzz.jpgはつなぎ合わせた写真のファイルの名前です。

  5. ファイルの名前をsc-1.htmlとして保存してください。

<html>
<head>
<title>スクロール画面を表示するページ</title>
</head>
<body onload="myScroll()">
<bgsound src="yyy.mid" loop=-1>
<script language="javascript">
<!--
myX=0;
step=4;
end= 800 ;
function myScroll(){
window.scroll(myX,0);
myX=myX+step; //ステップ数
if (myX>end){myX=end;step=step*-1;} //右端の座標
if (myX<0){myX=0;step=step*-1;}
setTimeout("myScroll()",1); //再動作時間
}
// -->
</script>
<img src="zzz.jpg">
</body>
</html>




縦のスクロールに進む。

質問があれば ミミズの学校の掲示板でお知らせください。