画像マウスオーバーのエフェクト

解決済

質問者：jumpers
質問日時：2011/02/08 10:20
回答数：3件

以下のサイトのように画像にマウスオーバするとハイライト（この言葉が正しいかわかりませんが）するエフェクトはどうやるのでしょうか？

http://kanasoku.blog82.fc2.com/blog-entry-15829. …

かなり基本的な質問ですが教えてください。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： duron
回答日時：2011/02/08 17:33

a:hover img{

filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
で可能です。
参考URL先で解説されてます。

参考URL：http://weblibrary.s224.xrea.com/weblog/css/cat15 …

- 0
- 件

通報する

No.3

回答者： pasocom
回答日時：2011/02/09 05:17

＃１です。

ご提示のサイトでの「画像のハイライト」というのがどれのことなのかよくわかりません。サイト上部のメニュー部分（「かな速あんてな」「かな速にゅーす」・・）の部分でしょうか。
ここであれば、こういうのは画像を二つ用意して、マウスオーバーで画像を切り替えているのです。
下記の「JAVATEAはいかが？」内、「JAVATEA12：マウスを当てただけで画像を切り替えます」を参照下さい。
http://www.geocities.jp/digitwland/javatea/javat …

- 0
- 件

通報する

No.1

回答者： pasocom
回答日時：2011/02/08 10:57

ご提示のサイトページでは「画像」がハイライトするのではなく、「テキスト（文字）」がハイライトするようです。

テキストで良ければ、
HTMLにおいて<body>タグの前段階（<head>タグ内）で以下のように記述すればいいです。
<head>
<style type="text/css">

</style>
</head>

意味は・・・、
A:hover {color="#rrggbb";}　→マウスオーバーの時の色を指定。
A {text-decoration:none}　→リンクテキストのアンダーラインを省略。
A {color:"#rrggbb"}　　　　　→マウスオーバーしない時（通常時）のテキストの色を指定。

なお、こういう場合にはアダルトでないサイトをご提示頂く方が支障が少ないかと思いますのでご配慮下さい。