触れると画像が変わるように
-
0 名前： クレイジー ： 2006/03/05 14:01
- 初めまして。質問です。
画像に触れると画像が変わるようにするには、
どうすればいいでしょうか。
誰か教えてください。
-
1 名前： 匿名希望 ： 2006/03/05 14:01
- http://www.tagindex.com/javascript/link/change1.html
-
2 名前： クレイジー ： 2006/03/05 14:01
- 有難う御座いました。
出来ればJavascript以外のやり方もありませんか？
-
3 名前： 神崎 ： 2006/03/05 14:01
- <style type="text/css">
#mouseover a {
background-image:url("original.gif");
background-repeat:no-repeat;
width:200px;
height:40px;
float:left;
}
#mouseover a:hover {
background-image:url(mouseover.gif);
}
</style>
<div id="mouseover"><a href="#"></a></div>
aタグを使うのは、IEが:hoverをサポートしているのはaタグだけだから。
floatはGecko対策。
href="#"とすると、スクロールしている場合はクリックするとページトップに移動してしまうので、
条件が許せば<a href="javascript:void(0);">とすると、移動しなくなります。
リンクさせる場合はそのままリンク先を書いてください。
<a name="">や、<a>だけでは、IEの:hoverが効きません。
文字や画像を入れる場合は
<div id="mouseover"><a href="#">この部分</a></div>
に入れて、スタイルシートのwidth、heightを適宜修正してください。
background-position を指定すると、
オリジナルとマウスオーバーの画像を１つにすることも出来ます。
