便利eelife Java Script

   戻る

文字にグラデーションをかけて一文字ずつ表示しますA。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="makegrad()">
<P>文字にグラデーションをかけて一文字ずつ表示します。</P>
<P id="grad"></P>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->

<SCRIPT language="JavaScript">
<!--
tag = "";
moz="グラデーション文字を作成します。";

var i = 0;
mozi = new Array();
clr = new Array();

clr[0] = "#ff3333";
clr[1] = "#df3946";
clr[2] = "#bf4059";
clr[3] = "#9f466c";
clr[4] = "#804d80";
clr[5] = "#605393";
clr[6] = "#4059a6";
clr[7] = "#2060b9";
clr[8] = "#0066cc";
clr[9] = "#077caf";
clr[10] = "#0f9292";
clr[11] = "#16a875";
clr[12] = "#1dbd57";
clr[13] = "#24d33a";
clr[14] = "#2ce91d";
clr[15] = "#33ff00";

function makegrad(){

if(i<moz.length){
mozi[i]= moz.charAt(i);
tag+="<B><font color=" + clr[i] + ">"+ mozi[i]+"</font></B>";
document.all["grad"].innerHTML =tag;
i++;
setTimeout("makegrad()",300);
}
else{
i=0;tag="";
document.all["grad"].innerHTML =tag;
setTimeout("makegrad()",1500);
}
}

// -->
</SCRIPT>