Div图像和鼠标悬停事件

我有一个网站的图像，其中一些有一个“玩”（一个绝对定位和通过jQuery点击事件管理）在它上面。Div图像和鼠标悬停事件

在一些图像中，我必须在鼠标移到图像上时更改不透明度。

当imagen画质都在同一时间“播放”和透明度的变化，这种情况正在发生（把鼠标放在“玩”的div）：http://jsfiddle.net/S53b5/

我已经尝试了不同的解决方案，只有CSS或使用jQuery ，但任何工作:(

谢谢！

来源

2012-10-10 Masta

正如一些评论建议，我试图改变通过鼠标悬停事件的不透明性，但是当我把鼠标放在播放的透明度仍然闪烁。测试：http://jsfiddle.net/S53b5/2/ – Masta

试试这个demo

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

更新Demo2

$("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-10 09:54:28 Champ

我正在尝试，但当我把鼠标放在div上，问题仍然存在，不透明度闪烁。 – Masta

检查更新的演示，并让我知道这是你想要的？ – Champ

太棒了！非常感谢，正是我需要的。 – Masta

$("img").mouseover(function(){ 
    $(this).css("opacity",".8"); 
})

来源

2012-10-10 09:51:55 StaticVariable

$("#(yourimageid)").mouseover(function(){ 
$(this).css("opacity","0.7") 
})

来源

2012-10-10 09:55:35 Weacked

Div图像和鼠标悬停事件

回答

相关问题