便利eelife Java Script

   戻る

カラーパレットより色を取得
red lime blue black
gray silver white maroon
green navy purple olive
teal yellow fuchsia aqua



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P>カラーパレットから背景を変更</P>
<TABLE bgcolor="#f6ffff" cellspacing="7" width="500">
<COL span="1" width="70" align="center">
<COL span="1" width="70" align="center">
<COL span="1" width="70" align="center">
<COL span="1" width="70" align="center">
<TBODY>
<TR>
<TD bgcolor="red"><A href="javascript:clr('red')"><FONT color="#ffffff">red</FONT></A></TD>
<TD bgcolor="lime"><A href="javascript:clr('lime')"><FONT color="#000000">lime</FONT></A></TD>
<TD bgcolor="blue"><A href="javascript:clr('blue')"><FONT color="#ffffff">blue</FONT></A></TD>
<TD bgcolor="black"><A href="javascript:clr('black')"><FONT color="#ffffff">black</FONT></A></TD>
</TR>
<TR>
<TD bgcolor="gray"><A href="javascript:clr('gray')">gray</A></TD>
<TD bgcolor="silver"><A href="javascript:clr('silver')"><FONT color="#0000ff">silver</FONT></A></TD>
<TD bgcolor="white"><A href="javascript:clr('white')"><FONT color="#000000">white</FONT></A></TD>
<TD bgcolor="maroon"><A href="javascript:clr('maroon')"><FONT color="#ffffff">maroon</FONT></A></TD>
</TR>
<TR>
<TD bgcolor="green"><A href="javascript:clr('green')"><FONT color="#ffffff">green</FONT></A></TD>
<TD bgcolor="navy"><A href="javascript:clr('navy')"><FONT color="#ffffff">navy</FONT></A></TD>
<TD bgcolor="purple"><A href="javascript:clr('purple')"><FONT color="#ffffff">purple</FONT></A></TD>
<TD bgcolor="olive"><A href="javascript:clr('olive')"><FONT color="#ffffff">olive</FONT></A></TD>
</TR>
<TR>
<TD bgcolor="teal"><A href="javascript:clr('teal')"><FONT color="#ffffff">teal</FONT></A></TD>
<TD bgcolor="yellow"><A href="javascript:clr('yellow')"><FONT color="#660000">yellow</FONT></A></TD>
<TD bgcolor="fuchsia"><A href="javascript:clr('fuchsia')"><FONT color="#000000">fuchsia</FONT></A></TD>
<TD bgcolor="aqua"><A href="javascript:clr('aqua')"><FONT color="#cc0000">aqua</FONT></A></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。-->
<SCRIPT language="JavaScript">
<!--
// ----カラーパレットより色を取得

function clr(Color){
clrs = Color;
document.bgColor = clrs;
}

// -->
</SCRIPT>
コメント
document.bgColor = 指定色; で背景色が変わります。