_____________




htmlを書けない人も、書かない人も
コピー一発

タグ技のサンプル塾

                塾長  O着君
                 
発行者サイト
                    (総合サイト
28号
カーソルが乗るとセルの
背景色が変化

========================
Click Here! コンセントに差し込むだけでOKのホームセキュリティー
異常があると携帯電話に連絡がはいります
=======================
___________________

今回のタグ技

「カーソルが乗るとセルの背景色が変化」

カーソルがセルの上に乗るとセルの背景色が変化します
ほんの少し、動きのある画面づくりができますが
どんな時に使えばいいのかは貴方のセンス次第です

サンプル--------------

 昨日  今日  明日

 


-----------------------
赤字のアルファベットをコピーして
貼り付けは「HTMLソース」を開いて
表示したい場所にサンプルを貼り付けてください


___________________

<BODY>から</BODY>の間

上段サンプル

<TABLE border="0" cellpadding="5" cellspacing="1" bgcolor="#000000">
<TR>
<TD width="100" bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='#FF99ff'" onmouseout="this.style.backgroundColor='#FFFFFF'" align="center"> 昨日</TD>
<TD width="100" bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='#FF0066'" onmouseout="this.style.backgroundColor='#FFFFFF'" align="center"> 今日</TD>
<TD width="100" bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='#33FFFF'" onmouseout="this.style.backgroundColor='#FFFFFF'" align="center"> 明日</TD>
</TR>
</TABLE>

下段サンプル

<TABLE border="0" cellpadding="5" cellspacing="1" bgcolor="#ff00cc">
<TBODY><TR>
<TD width="150" bgcolor="#FFFFFF"
onmouseover="this.style.backgroundColor='#FF0000'"
onmouseout="this.style.backgroundColor='#FFFFFF'"> </TD>
</TR>
</TBODY>
</TABLE>


=========================
Click Here! サンプルCD-ROMが無料です

1日たった7分間のトレーニングで、読書速度が5倍!
無料サンプルと小冊子をまずは請求しましょう

===========================


_______________
説明

28号
カーソルが乗るとセルの背景色が変化


<TABLE border="0" cellpadding="5" cellspacing="1" bgcolor="#000000">
<TR>
<TD width="100" bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='
#FF99ff'" onmouseout="this.style.backgroundColor='#FFFFFF'" align="center"> 昨日</TD>
<TD width="100" bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='
#FF0066'" onmouseout="this.style.backgroundColor='#FFFFFF'" align="center"> 今日</TD>
<TD width="100" bgcolor="#FFFFFF" onmouseover="this.style.backgroundColor='
#33FFFF'" onmouseout="this.style.backgroundColor='#FFFFFF'" align="center"> 明日</TD>
</TR>
</TABLE>

青色の「#FF99ff」などをお好みの色コードに変更してください
緑色の「昨日」などをお好みの表示文字に入れ替えてください

下段サンプルを使ってタグの意味を説明


<TABLE border="0" cellpadding="5" cellspacing="1" bgcolor="#ff00cc">
の「#ff00cc」がカーソルが乗っていない時の枠の色
<TBODY><TR>
<TD width="
150" bgcolor="#FFFFFF"
「150」がセルの長さです。
onmouseover="this.style.backgroundColor='
#FF0000'"
の「#FF0000がセルが乗った時の背景色
onmouseout="this.style.backgroundColor='
#FFFFFF'"> </TD>
の「#FFFFFF」がセルが乗っていない時の背景色です
</TR>
</TBODY>
</TABLE>
以上
お好きな色を付けて遊んでください

=====================

Click Here!

=========================
メールマガジンお申し込み


メールマガジン発行一覧

別メルマガ
フリーソフト活用同好会もよろしく

==================================================

掲示板 メール
塾生にとっての注意事項


_____________

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送