jQuery淡化所有其他图像

时间:2009-04-10 10:08:00

标签: javascript jquery css-selectors

我使用jQuery制作此代码以淡化图像(但不是移动鼠标)和所有图像淡入淡出

$(".playThumb").fadeTo("normal", 1);

$(".playThumb").hover(function() {
    $(".playThumb").each(function() {
        if ( $(this) != $(this) ) {
            $(this).fadeTo("fast", 0.3);
        }
    });
}, function() {
    $(".playThumb").each(function() {
            $(this).fadeTo("fast", 1);
    });
});

<a href="#"><img src="001.jpg" class="playThumb" />
<a href="#"><img src="002.jpg" class="playThumb" />
<a href="#"><img src="003.jpg" class="playThumb" />
<a href="#"><img src="004.jpg" class="playThumb" />

如果有人可以帮助我淡化所有其他图像除了我将鼠标指向之外的其他图像?

1 个答案:

答案 0 :(得分:16)

您可以使用not过滤掉悬停的元素:

$(".playThumb").fadeTo("normal", 1);

$(".playThumb").hover(function() {
    $(".playThumb").not(this).fadeTo("fast", 0.3);
}, function() {
    $(".playThumb").not(this).fadeTo("fast", 1);
});