クリスマスプレゼントランキング
バレンタインチョコレシピ
ホワイトデーお返しプレゼント
レンタルサーバー 比較
Home
>
HP作成講座
>
文字系タグ
>
キラキラ文字
●キラキラ文字
サンプル
<head>〜</head>内に
<SCRIPT language="JavaScript"> <!-- var text = "ここに文字を入れて下さい"; //文字設定 var color = new Array('色','色','色'); //文字色の設定 /* */ var cnt = 0; var obj; var speed = 50; //流れる速さ(１が最速) /*初期設定*/ function init(id){ obj = id; id.innerHTML = text; setID(); changeColor(); } function setID(){ var n = ""; var dt; for(i=0;i<text.length;i++){ dt = text.substring(i,i+1); n += "<SPAN ID="+obj+i+">"+dt+"</SPAN>"; } msg.innerHTML = n; } function changeColor(){ // for(i=-2;i<=text.length;i++){ if(i>=0){ var num = (i+cnt)%color.length; if(i<text.length){ document.all(obj+i).style.color = color[num]; } } } if(cnt == color.length){ cnt = 0; } else{ cnt++; } // setTimeout("changeColor()",speed); } //--> </SCRIPT>
<body>の代わりに
<BODY onLoad="init('msg')">
表示したいところに
<DIV id="msg"></DIV>
上記３つをまとめてコピー
<SCRIPT language="JavaScript"> <!-- var text = "ここに文字を入れて下さい"; //文字設定 var color = new Array('色','色','色'); //文字色の設定 /* */ var cnt = 0; var obj; var speed = 50; //流れる速さ(１が最速) /*初期設定*/ function init(id){ obj = id; id.innerHTML = text; setID(); changeColor(); } function setID(){ var n = ""; var dt; for(i=0;i<text.length;i++){ dt = text.substring(i,i+1); n += "<SPAN ID="+obj+i+">"+dt+"</SPAN>"; } msg.innerHTML = n; } function changeColor(){ // for(i=-2;i<=text.length;i++){ if(i>=0){ var num = (i+cnt)%color.length; if(i<text.length){ document.all(obj+i).style.color = color[num]; } } } if(cnt == color.length){ cnt = 0; } else{ cnt++; } // setTimeout("changeColor()",speed); } //--> </SCRIPT> <BODY onLoad="init('msg')"> <DIV id="msg"></DIV>
*補足*
それぞれの箇所を書き換えてから使用して下さい。
挿入場所指定していますが、上記の３つのソースを
まとめて挿入しても問題ありません。