この使用例は、テキストボックスとステータス(ブラウザの下の部分)
に文字をスクロール表示させるものです。

色で書かれた文字は同色で書かれた同じ名前を使用するということです。
確認をクリックすれば実際の動きを見られます。
確認後はブラウザの "戻る" ボタンで戻ってください。

確認


  1. <HTML>
  2. <HEAD>
  4. <TITLE>文字列のスクロール</TITLE>
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!--
  8. 　　 var msg;
  9. 　　 msg="文字列がこのようにスクロールします....";
  10. 　　 msg=msg+msg;
  11. 　　 function disp(){
  12. 　　　　 setTimeout("disp()",100);
  13. 　　　　 msg=msg.substring(2,msg.length)+msg.substring(0,2);
  14. 　　　　 document.MyForm.box.value=msg;
  15. 　　　　 window.status=msg;
  16. 　　 }
  17. //-->
  18. </SCRIPT>
  19. </HEAD>
  21. <BODY>
  23. <!--テキストボックス-->
  24. <FORM NAME="MyForm">
  25. <INPUT NAME="box" TYPE="text" SIZE=40>
  26. </FORM>
  27. <!--テキストボックス-->
  29. <!--ステータス-->
  30. <SCRIPT LANGUAGE="JavaScript">
  31. <!--
  32. 　　 disp();
  33. //-->
  34. </SCRIPT>
  35. <!--ステータス-->
  37. </HEAD>
  38. </HTML>

プログラムの説明です。< >で囲まれた部分は、行番号を
表しています。また、クリックすればその行へジャンプします。

<9>
 "　" 内の文字がスクロールします｡
<12>
 setTimeout("disp()",100);
この数字を変えることによりスクロールのスピードを変えることが出来ます。
大きくすると遅くなります。
<14>
 上の１行を書くことによってテキストボックスに表示されます。
また、MyFormの部分はテキストボックスの名前ですので
自分で好きにつけて下さい｡（アルファベットに限ります）
<15>
 上の１行を書くことによってステータスに表示されます。
<23-27>
 <!--テキストボックス-->で挟まれたところを
ＨＴＭＬ文書の表示したいところに記述して下さい。
<24>
 上のMyFormの所は、<HEAD>部で宣言した名前を書きます。
<25>
 SIZEでテキストボックスの大きさを決めます。
<29-35>
 <!--ステータス-->で挟まれたところを
ＨＴＭＬ文書の</HEAD>部の最後に記述して下さい。



back