5

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" />

誰かが私がマウスをポイントしたものを除く他のすべての画像をフェードするのを手伝ってくれませんか?

4

1 に答える 1

16

notホバリングされている要素を除外するために使用できます。

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

$(".playThumb").hover(function() {
    $(".playThumb").not(this).fadeTo("fast", 0.3);
}, function() {
    $(".playThumb").not(this).fadeTo("fast", 1);
});
于 2009-04-10T10:13:09.830 に答える