テーブルの枠全てにリンクを張る

文字ではなくテーブルの枠単位でリンクすることが出来ます。
サンプルにマウスを載せてみて下さい。

トップページへ


サンプル
<TABLE class="data" cellspacing="1" cellpadding="0" border="1">
<TBODY>
<TR>
<TD onmouseover="this.style.cursor='hand'" ; onmouseup='location="http://www.act2cool.com/html/"' bgcolor="#99ff00" width="351">
お知らせ<BR>
</TD>
</TR>
</TBODY>
</TABLE>
赤文字のところは各種適当に変更出来ます。
URL覧は絶対・相対どちらでも可能です。リンクしたいページに変更して下さい。
もちろん文字にリンクすることも可能です。
<A href="http://www.act2cool.com/html/">トップページへ</A>
と変更すればOK。

マウスポインターを載せるだけでジャンプさせることも可能です。
URLの前の
「onmouseup」を「onmouseout」に書き換えればポインターを載せるだけでOK。サンプル↓
トップページへ

マウスを載せると色を変化さすことも可能です。

<TD bgcolor="マウスを載せる前の色" onmouseover="this.style.background='マウスを載せた時の色';this.style.cursor='hand'"
onmouseout="this.style.background='マウスがはずれた時の色'" onmouseup="location='URL'">
　　　　　　　サンプル↓
トップページへ

文字の色も同時に変更出来ますが、それはそのうち。

コピーペーストしてこちらですぐにテストできます。

ソースを利用したら、ホームページ改造王へリンクのして頂ければ嬉です。
バナーはこちらにあります。

このサイトへいきなり来られた方は、こちらがトップページです。