日本語
<div id="marquees"> <!-- これらは字幕の内容です。任意に定義できます --> <a href="#">リンク 1</a> <br> <a href=" #"> リンク 2</a> <br> <a href="#">リンク 3</a> <br> <a href="#">リンク 4</a> <br> <!--字幕コンテンツの終了 --> </div> <!-- 以下は JavaScript コードです --> <script language="javascript"> <!-- marqueesHeight=200; //コンテンツ領域の高さ stopscroll= false; //この変数はスクロールを停止するかどうかを制御します with(marquees){ noWrap=true; //このテーブルのコンテンツ領域は自動的に折り返されないため、幅を 0 に設定できます。引き伸ばされます style.height=marqueesHeight ; style.overflowY="hidden"; //スクロールバーは非表示になります onmouseover=new Function("stopscroll=true") //マウスは通過してスクロールを停止します onmouseout=new Function("stopscroll") =false"); //マウスを離し、スクロールを開始します} //この時点では、コンテンツ領域の高さは読み取れません。次の例では、非表示のレイヤー「templayer」を出力し、後でそのレイヤーにコンテンツをコピーします。 document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden">< / div>'); function init(){ //スクロールコンテンツを初期化します //「templayer」の高さがコンテンツ領域の高さより大きくなるまで、元のコンテンツを「templayer」に複数回コピーします: while(templayer.offsetHeight< marqueesHeight){ templayer. innerHTML+=marquees.innerHTML; } // 「templayer」のコンテンツを元のコンテンツ領域に「2 回」コピーします。 marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; // 連続タイムアウトを設定します。 call "scrollUp()" 関数駆動のスクロール バー: setInterval("scrollUp()",20); } document.body.onload=init=0; // この変数はスクロール バーが到達したかどうかを判断するために使用されます。 end function rollUp(){ //スクロール バー駆動関数 if(stopscroll==true) return; //変数 "stopscroll" が true の場合、スクロールを停止します preTop=marquees.scrollTop; //スクロールする前にスクロール バーの位置を記録します。 marquees.scrollTop+=1; // スクロール バーを 1 ピクセル下に移動します // スクロール バーが移動しない場合は、現在の画面と同じ位置まで上にスクロールします // もちろんそれだけでなく、1 ピクセル下にもスクロールします ( +1): if(preTop==marquees .scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;