0

私は画像のあるサイトを持っており、それらのいくつかには「再生」(絶対に配置され、jQuery のクリックイベントを介して管理される div) があります。

一部の画像では、マウスが画像の上にあるときに不透明度を変更する必要があります。

画像の「再生」と不透明度が同時に変化すると、これが発生します(マウスを「再生」divの上に置きます):http://jsfiddle.net/S53b5/

CSSのみまたはjQueryを使用してさまざまなソリューションを試しましたが、何でも機能します:(

ありがとう!

4

3 に答える 3

2

このデモを試す

   $("img").mouseout(function(){
     $(".play").css("opacity","1")
    }).mouseover(function(){
     $(".play").css("opacity",".5");
    });

更新されたデモ 2

$("img").mouseout(function(){
        $(".play").css("opacity","1");
         $(this).css("opacity",".1");
    }).mouseover(function(){
        $(".play").css("opacity",".5");
        $(this).css("opacity","1");
    });

$(".play").mouseover(function(){
        $(this).css("opacity","1");
        $("img").css("opacity","1");
    });
于 2012-10-10T09:54:28.333 に答える
0
$("img").mouseover(function(){
    $(this).css("opacity",".8");
})
于 2012-10-10T09:51:55.153 に答える
0
$("#(yourimageid)").mouseover(function(){
$(this).css("opacity","0.7")
})
于 2012-10-10T09:55:35.833 に答える