便利eelife Java Script

   戻る

文字の色を変えながらメッセージが流れます



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="Scrmsg()">
<P>文字の色を変えながらメッセージが流れます。</P>
<FORM name="myForm"><INPUT name="tbox" size="50" type="text"></FORM>
</BODY>

<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
var i = 0,
clrs = new Array('lime','teal','blue','fuchsia','black','red','teal');  //  色の配列
msg1="                 ";
msg2="ようこそ eelifeへ!! 検索と厳選リンク集のサイトです。     ";
msg3="一つの検索窓でたくさんの、 サイトの検索を行うことができます。";
msg4="色や文字に関連するJavaScript集もあります。 ";
msg=msg1+msg2+msg1+msg3+msg1+msg4;
function Scrmsg(){
if (i < clrs.length) {

msg=msg.substring(2,msg.length)+msg.substring(0,2);
document.myForm.tbox.value =msg;
document.myForm.tbox.style.color = clrs[i];
i++;
if (i == clrs.length) {
i = 0;
}

setTimeout("Scrmsg()",400);
}
}

// -->
</SCRIPT>
コメント
色見本
substring()
setTimeout()

document.myForm.tbox.style.color = clrs[i] : 文字の色を,配列 clrs[] の i 番目の色にします。