とろあんテクニカルログ

WEB・Illustrator・FLASH・クラフトロボ（ステッカー）関連の開発メモです

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

2007年09月04日 | HTML

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

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

○サンプル

<html>
<body>

<!-- 背景色とマウスカーソルを制御 -->
<div style="background:#99ff00;width:300;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'

のように色を指定する。


最新の画像［もっと見る］