プログラム解説
１： <HTML>
２： <HEAD>
３： <TITLE></TITLE>
４： <SCRIPT language="JavaScript">
５： <!--
６： w = 1 ; // 移動距離 一度に動かす距離（他にはdot） １８行で使用
７： t = 20 ; // 割り込み間隔 割り込み間隔時間（単位はｍｓ） ２１行で使用
８：
９： /* サイズ設定 */
このルーチンは、画像が表示された後で一度だけ実行されます
画像移動中に同じ計算を繰り返さなくても済むように前もって計算しています
１０： function p_mov(){
１１： p1 = -(pic1.width + 20) ; pic1 が左端まで移動した事を判断する位置を計算しておきます
１２： p3 = -(pic1.width + pic2.width + 20) ; pic2 が左端まで移動した事を判断する位置を計算しておきます
+20 は、継ぎ目を画面外にもっていくため（ +20 は、なくても動作しますが、継ぎ目で一瞬チラつきます）
１３： p_mov1() ; スクロール開始 １７行目
１４： }
１５：
１６： /* 画像移動 */
スクロールのメインルーチンです
１７： function p_mov1(){
１８： pic1.style.posLeft -= w ; pic2.style.posLeft -= w ; pic1とpic2を、左に w ドット移動
１９： if ( pic1.style.posLeft < p1) { pic1.style.posLeft = pic2.style.posLeft
+ ( pic1.width + pic2.width)} ;
画像１が左端を越えたかどうかの判定をし、越えた場合は、画像２の右側へ持っていきます
２０： if ( pic2.style.posLeft < p3) { pic2.style.posLeft = pic1.style.posLeft}
;
画像２が左端を越えたかどうかの判定をし、越えた場合は、画像１の右側へ持っていきます
２１： timerID = setTimeout( "p_mov1()", t ) ;
割り込みルーチンを p_mov1() にし、時間を t ms 後にセットします
２２： }
２３： // -->
２４： </SCRIPT>
２５： </HEAD>
２６： <BODY onload = "p_mov()"> 画像が全て表示されたら p_mov() を実行します １０行目
２７： <NOBR><IMG id = "pic1" style="position : relative" src="img.jpg"><IMG id = "pic2" style="position : relative" src="img.jpg"></NOBR>
style="position : relative" で、画像の表示位置を相対指定にしてます
２８ </BODY>
２９： </HTML>