便利eelife Java Script

   戻る

マウスを乗せると背景が変わります

サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P>マウスを乗せると背景が変わります。</P>
<TABLE cellspacing="0" cellpadding="2" style="border-width : 1px;border-style : solid;border-color : olive;">
<COL span="7" width="40">
<TBODY>
<TR>
<TD bgcolor="#ffffcc" title="#FFFFCC" onmouseover="document.bgColor='#FFFFCC'">
<FONT color="#FFFFCC">■</FONT></TD>
<TD bgcolor="#ffff66" title="#FFFF66" onmouseover="document.bgColor='#FFFF66'">
<FONT color="#FFFF66">■</FONT></TD>
<TD bgcolor="#ccff99" title="#CCFF99" onmouseover="document.bgColor='#CCFF99'">
<FONT color="#CCFF99">■</FONT></TD>
<TD bgcolor="#99ffcc" title="#99FFCC" onmouseover="document.bgColor='#99FFCC'">
<FONT color="#99FFCC">■</FONT></TD>
<TD bgcolor="#99ccff" title="#99CCFF" onmouseover="document.bgColor='#99CCFF'">
<FONT color="#99CCFF">■</FONT></TD>
<TD bgcolor="#cc99ff" title="#CC99FF" onmouseover="document.bgColor='#CC99FF'">
<FONT color="#CC99FF">■</FONT></TD>
<TD bgcolor="#ff99ff" title="#FF99FF" onmouseover="document.bgColor='#FF99FF'"
onmouseout="document.bgColor='#FFFFFF'"><FONT color="#FF99FF">■</FONT></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
コメント
onmouseover : マウス が上にきたときのイベントです。

onmouseout : マウスが出て行ったときのイベントです。

document.bgColor='#FFFFCC'" : 背景が指定した色に変わります。