こんにちは。
リンクバナーをマウスオーバー時に画像を切り替えるためのシンプルな記述は
lang
1<a href=“sample.html">
2<img src="images/banner0.jpg" onmouseover="this.src='images/banner1.jpg'" onmouseout="this.src='images/banner.jpg'" />
3</a>
ですので、その記述で動くはずですが……
記述の前後に「/* */」が見られますが、(失礼ですが)もしかしたら、コメントアウトしてしまっているというようなことはないでしょうか。
ちなみに、1枚の画像でマウスオーバー時に透過(色を薄く)させる方法は、CSSを使うことで実現できます。
lang
1<p><a href="#"><img src="images/banner.jpg” alt="banner” /></a></p>
lang
1a:hover img {
2 opacity: 0.6;
3 filter: alpha(opacity=60);
4}
透過の度合は、opacityは0〜1.0の間、filterは0〜100の間で調整します。
filterはIE用、opacityはそのほかのブラウザ用の記述です。
以上、ご参考いただければ幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/03/11 10:02
退会済みユーザー
2015/03/12 01:26
2015/03/13 12:47