テキスト


文字点滅

文字横移動

文字を左から順表示

文字拡大

文字縮小

文字伸縮

日付・時刻表示

一定間隔で文字を変える

時刻毎に変わるメッセージ
TextArea

文字の縦スクロール

文字点滅

文字を左から順表示
フィルタ
ブルブル
ゆらゆら
影グルグル
影グルグル2
左から右へ
点滅っぽい
文字回り点灯
文字回り伸縮



 文字の縦スクロール
  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:テキストエリアの縦サイズ


ホームへ