便利eelife Java Script

   戻る

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



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P>背景がフェードします。</P>
<FORM name="myFORM">
<TABLE>
<TBODY>
<TR>
<TD width="460">
<INPUT type="radio" name="radio" onclick="bgclrbw('1')">:黒から白へ
<INPUT type="radio" name="radio" onclick="bgclrbw('2')">:赤から白へ
<INPUT type="radio" name="radio" onclick="bgclrbw('3')">:緑から白へ
<INPUT type="radio" name="radio" onclick="bgclrbw('4')">:青から白へ
   </TD>
</TR>
<TR>
<TD nowrap align="center" width="460"><INPUT size="10" type="text" name="dsp"></TD>
</TR>
<TR>
<TD width="460">
<INPUT type="radio" name="radio" onclick="bgclrbw('5')">:黒からYellowへ
<INPUT type="radio" name="radio" onclick="bgclrbw('6')">:黒からFuchsiaへ
<INPUT type="radio" name="radio" onclick="bgclrbw('7')">:黒からAquaへ
   </TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。-->
<SCRIPT language="JavaScript"><!--
               
function bgclrbw(v){
for (var i=0; i<= 255; i++){
n=i;
str= cov16(n);

if(v==1){dsp1="#"+str+str+str;}       //黒から白へ
if(v==2){dsp1="#"+"FF"+str+str;}    //赤から白
if(v==3){dsp1="#"+str+"FF"+str;}    //緑から白へ
if(v==4){dsp1="#"+str+str+"FF";}    //青から白へ
if(v==5){dsp1="#"+str+str+"00";}    //黒からYellowへ
if(v==6){dsp1="#"+str+"00"+str;}    //黒からFuchsiaへ
if(v==7){dsp1="#"+"00"+str+str;}    //黒からAquaへ

document.bgColor=dsp1;  //背景色を表示
document.myFORM.dsp.value=dsp1;  //カラーコード名を表示

}
}
         // 10進数を16進数に変換する関数
function cov16(n){
var sin='0123456789ABCDEF';
return sin.charAt(Math.floor(n/16))+sin.charAt(n%16);
}

// --></SCRIPT>
コメント
cov16(n)

10進数で0〜255、を16進数で00〜FFに転換して カラーコードを操作
背景をフェードしていきます。赤、#FF0000 → 白、#FFFFFF。
str が 00 から FF に変わっていきます。