- ベストアンサー
文字をスクロールさせる方法とループごとに違うメッセージを表示する方法
- 文字を下から上にスクロールさせる方法と、特定の範囲でスクロールする方法について教えてください。
- また、スクロールがループになっている場合、ループごとに異なるメッセージを表示する方法も知りたいです。
- 具体的なプログラムの例も教えてください。
- akira212
- お礼率84% (95/112)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
質問の内容をきちんと把握できているかわかりませんが、以下のようなソースではいかがでしょうか。 <html> <head> <title></title> <script Language="JavaScript"> <!-- function Tscroll(){ y -= 2; if (document.all){ document.all["whatNew"].style.top = y; } else if(document.getElementById){ document.getElementById("whatNew").style.top = y+"px"; } if (y == 0){ setTimeout('Tscroll()',1500); } else if (y > -30) { setTimeout('Tscroll()',100); } else { if (st0==st){ st="わんわん";} else { st=st0;} if (document.all){ document.all["whatNew"].innerHTML=st; } else if(document.getElementById){ document.getElementById("whatNew").innerHTML=st; } y = 24; setTimeout('Tscroll()',100); } return true; } function Tbase() { cnt = 0; y = 24; setTimeout('Tscroll()',100); return true; } //--> </script> </head> <body onLoad="Tbase()"> <div style="height: 1em; overflow: hidden;"> <div id='whatNew' style='position: relative; top: 24px;'> <script Language="JavaScript"> <!-- st = "ニャぁニャぁ"; st0= st; document.write(st); //--> </script> </div></div> </body> </html> 枠を作成するのは、「<div style="height: 1em; overflow: hidden;"></div>」この部分で、高さ1emに制限したボックスを作り、はみ出す部分はoverflow: hidden;で隠すように、スタイルシートで指定しています。 その中で、次の要素をposition: relative;に設定して、表示位置を相対的に設定するように指定しています。 また、テキストの書き換えについては、innerHTMLプロパティを書き換えることで行っています。 IEのDHTMLでは、document.all["ID"].innerHTMLで、DOMではdocument.getElementById("ID").innerHTMLで、特定の要素の中身を書き換えられます。 なお、余計なお世話ではありますが、ちょっと手を加えてNetscape 6以降でも動くようにしてあります。 多分、Opera 7.11でも動いてくれるでしょう。 参考になれば… 見当違いでしたら、ごめんなさい。
お礼
今ごろ気づいたのですが、お礼を言ってなかったですね。。。 すみません。 この通りでした！！本当にありがとうございました。