便利eelife Java Script

   戻る

テーブルのスタイルを変えます。
ボーダーの色が変ります。
背景の色が変ります。
文字の色が変ります。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<TABLE border="1">
<TBODY>
<TR>
<TD style="border:3px yellow solid" onmouseover="this.style.borderColor='fuchsia'"
onmouseout="this.style.borderColor='yellow'">ボーダーの色が変ります。</TD>
</TR>
<TR>
<TD height="5"></TD>
</TR>
<TR>
<TD style="color : white;background-color : purple;" onmouseover="this.style.backgroundColor='black'"
onmouseout="this.style.backgroundColor='purple'"
>背景の色が変ります。</TD>
</TR>
<TR>
<TD height="5"></TD>
</TR>
<TR>
<TD style="color : red;" onmouseover="this.style.color='teal'"
onmouseout="this.style.color='red'">文字の色が変ります。</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife

// -->
</SCRIPT>
コメント
"背景の色が変ります"を例にします。
テーブルの<TD>タグに style="color : white;background-color : purple;" onmouseover="this.style.backgroundColor='black'"
onmouseout="this.style.backgroundColor='purple'"を設定します。
style="color : white"は文字色が白、background-color : purpleは背景がpurpleという意味です。
onmouseover(マウスが乗ると)現在の<TD>の背景を黒に変えます。
onmouseout(マウスが去ると)元のpurpleになります。