便利eelife Java Script

   戻る

文字がフェードします。
:白から黒へ:白からへ赤:白から緑へ:白から青へ
:Yellowから黒へ:Fuchsiaから黒へ:Aquaから黒へ



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P>文字がフェードインします</P>
<FORM name="myFORM">
<TABLE cellpadding="5">
<TBODY>
<TR>
<TD align="center">
<INPUT type="radio" name="radio" onclick="bgclr('1');bgclrbw()">:白から黒へ
<INPUT type="radio" name="radio" onclick="bgclr('2');bgclrbw()">:白からへ赤
<INPUT type="radio" name="radio" onclick="bgclr('3');bgclrbw()">:白から緑へ
<INPUT type="radio" name="radio" onclick="bgclr('4');bgclrbw()">:白から青へ</TD>
</TR>
<TR>
<TD nowrap width="503" align="center">
<INPUT size="22" type="text" name="dsp" value="文字がフェードインします"
style="font-size : 24px;color : white;"></TD>
</TR>
<TR>
<TD align="center">
<INPUT type="radio" name="radio" onclick="bgclr('5');bgclrbw()">:Yellowから黒へ
<INPUT type="radio" name="radio" onclick="bgclr('6');bgclrbw()">:Fuchsiaから黒へ
<INPUT type="radio" name="radio" onclick="bgclr('7');bgclrbw()">:Aquaから黒へ</TD>
</TR>
</TBODY>
</TABLE>
</FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。-->
<SCRIPT language="JavaScript">
<!--
var i=255;
function bgclr(v){a=v}
function bgclrbw(){
if(i==0){i=255;}
else{
i=i-1;
n=i;
str= cov16(n);
        // カラーコード
if(a==1){dsp1="#"+str+str+str;}//黒
if(a==2){dsp1="#"+"FF"+str+str;}//赤
if(a==3){dsp1="#"+str+"FF"+str;}//緑
if(a==4){dsp1="#"+str+str+"FF";}//青
if(a==5){dsp1="#"+str+str+"00";}//
if(a==6){dsp1="#"+str+"00"+str;}//
if(a==7){dsp1="#"+"00"+str+str;}//

myFORM.dsp.style.color=dsp1;
setTimeout("bgclrbw()",20);}
}
       // 10進数を16進数2桁に変換する関数
function cov16(n){
var sin='0123456789ABCDEF';
return sin.charAt(Math.floor(n/16))+sin.charAt(n%16);
}

// --></SCRIPT>
コメント
i を 0 から 255 まで 1ずつ増加 それに対応する16進数を str で出力
カラーコードを制御して色を変化させます。

カラーコード
cov16(n)