テキスト
|
文字の縦スクロール
TextArea内で文字が縦にスクロール。 |
|
サンプル表示 |
|
|
|
|
|
|
|
|
|
|
|
|
|
サンプルソース |
|
|
|
|
|
|
|
|
<HTML>
<HEAD>
<TITLE>JavaScript サンプル</TITLE>
<SCRIPT type="text/JavaScript">
<!--
msg1="\n\n\n\n\n\n\n\n\nこんにちは！\n文字が下から上に\n移動します。\n\n v(。^＿^。)v";
msg =msg1.split("\n");
function scrollText(){
msgTmp=msg;
for(i=0;i<msg.length-1;i++){
msg[i]=msgTmp[i+1];
}
msg[msg.length-1]=msgTmp[0];
document.form1.textArea1.value=msg.join("\n");
setTimeout("scrollText()",400);
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="scrollText();">
<FORM name="form1">
<TEXTAREA rows="7" cols="45" name="textArea1">
</TEXTAREA>
</FORM>
</BODY>
</HTML> |
|
|
|
|
|
使用方法 |
|
|
|
|
|
|
|
|
赤：<HEAD>から</HEAD>の間に貼り付けて下さい。
茶：<BODY>タグに貼り付けて下さい。
紫：テキストエリアを表示したい場所に貼り付けて下さい。
青：メッセージを自由に編集して下さい。
※『\n』を記述すると、文字を改行する事が出来ます。
緑：数値を変更する事で、以下の設定が変更可能です。
・setTimeout：動作速度・・・単位はミリ秒
・cols：テキストエリアの横サイズ
・rows：テキストエリアの縦サイズ |
|
|
|
文字点滅