以下の文章を<HEAD>〜</HEAD>内に入れて下さい。
<![CDATA[
<script language="JavaScript">
<!-- To hide JavaScript from old browsers
var msg = " どうですか？文字が流れているでしょ？ 速度を変更する事も出来ますよ。
ご自分で何かメッセージを考えて入れてみて下さい。"
time=300;
function message() {
setTimeout("message()",time);
msg=msg.substring(2,msg.length)+msg.substring(0,2);
document.horoscope.banner.value=msg;
}
// var delay = 300 // ここの数字を変えることによって表示速度を調整します
// var timerId
// var i = 0
// function scrollMsg() {
// if (i <= 10000) { // この数字が大きいほど長い間続きます
// i++
// document.forms[0].banner.value = msg
// msg = msg.substring (2, msg.length) + msg.substring (0, 2)
// timerId = setTimeout("scrollMsg()", delay)
// } else {
// clearTimeout(timerId)
// document.forms[0].banner.value = ""
// 止まったあと、表示を消したくない場合はこの上の行（documentで始まる文）
// を削除して使ってください。
// }
// }
// end of JavaScript -->
</script>
]]>
以下の文章を<BODY>〜</BODY>内に入れて下さい。
<![CDATA[
<center>
<FORM NAME="horoscope">
<INPUT TYPE="TEXT" SIZE="75" NAME="banner"STYLE="FONT-SIZE:10PT">
</FORM>
<SCRIPT LANGUAGE="JavaScript">message();</SCRIPT>
</center>
]]>
これは結構色んなページで見られます。意外と長いプログラムなので読み込むのに時間がかかる場合があります。「time=300」の数字を小さくするとメッセージが早く流れ、大きくするとメッセージが遅く流れます。またBODY内に入れるSCRIPTの中の数字を変える事によって表示する大きさも変更する事が出来ます。‘Internet Explorer’なら色を付けることも可能です。
JAVA SCRIPTに戻る
ホームへ戻る