ミミズの学校

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

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

  1. 縦長の写真の合成をつくります。

  2. スクロールを指示する頁は１３−３−１にありますので参考にしてください。

  3. 下の赤い部分をコピーしてください。
    そしてファイルの名前をsc-1.htmlとして保存してください

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

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

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

  7. スクロールされる窓のサイズは １３−３−１の青数字を変更します。

<html>
<head>
</head>
<bgsound src="yyy.mid" loop=-1>
<body onload="myScroll()">
<script language="javascript">
<!--
myY=0;
step=3;
end=500;
function myScroll(){
window.scroll(0,myY);
myY=myY+step;
if (myY>end){myY=end;step=step*-1;}
if (myY<0){myY=0;step=step*-1;}
setTimeout("myScroll()",10);
}
// -->
</script>
<img src="zzz.jpg">
</body>
</html>




できあがったらお互いに作品を発表しよう。



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