- 2007-10-22 (月) 12:14
- HTML/css
以下の条件を満たす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′
のように色を指定します。
- Newer: cssのfloatで上下左右分割レイアウト
- Older: アドビ（旧マクロメディア）製品の譲渡手続き
Comments:0
Trackback+Pingback:0
- TrackBack URL for this entry
- http://wp2.trojanbear.net/archives/17/trackback
- Listed below are links to weblogs that reference
- マウスカーソルが乗ったとき、divの背景色とカーソルを変える方法 from とろ庵 テクニカルログ