マウスカーソルが乗ったとき、divの背景色とカーソルを変える方法

投稿日: カテゴリー

以下の条件を満たすHTMLのソースです。

・divのエリア内にマウスカーソルが乗ったとき、背景色とマウスカーソルを変える。
・エリア内がクリックされたときは、リンク先へ飛ぶ

○サンプル

<html>
<body>

<!– 背景色とマウスカーソルを制御 –>
<div style=”background:#99ff00;width:200;height:100;”
onmouseover=”this.style.background=’#ffcccc’;
this.style.cursor=’pointer'”
onmouseup=”location=’http://www.trojanbear.net/'”
onmouseout=”this.style.background=’#99ff00′;”
>
<!– javascriptが無効のときのため、テキストリンクも指定 –>
<a href=”http://www.trojanbear.net/“>リンク先へ</a><BR>
</div>
</body>
</html>

なお、背景色だけでなくテキストの色も変えるときには、

this.style.color=’#000000′

のように色を指定します。

このエントリーをはてなブックマークに追加
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Bookmark this on Google Bookmarks
Pocket

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA