マウスホバー中の画像以外をフェードアウトさせる

Ads

Result

jQuery

//ホバーでイベント発火
$('.fade').children().hover(function() {
        //要素の兄弟要素全部にフェードエフェクト実行
        $(this).siblings().stop().fadeTo(300, 0.3);
    }, function() {
        $(this).siblings().stop().fadeTo(300, 1);
    });

html

<div class="fade" id="excepts">
        <img src="01.jpg" />
        <img src="02.jpg" />
        <img src="03.jpg" /><br/>
        <img src="04.jpg" />
        <img src="05.jpg" />
        <img src="06.jpg" />
</div><div class="clear"></div>
タイトルとURLをコピーしました