1

基本的に 3 つの div があり、すべて垂直に積み上げられます。それぞれに独自のクラスが割り当てられています (.inner1、.inner2、および .inner3) 私が望んでいるのは、それらの 1 つにマウスを合わせると、他の 2 つが 40% 透明にフェードアウトすることです。それぞれが他の人をフェードアウトさせる能力を持っています。#1 の上にマウスを置くと、#2 と 3 がフェードアウトします。#2 にマウスを合わせると、#1 と 3 がフェードアウトします...これは意味がありますか?

どうもありがとうございました！

4

3 に答える 3

3

手始めに、これはすべきです

mouseoverおよびmouseleaveイベントを と一緒に使用できます。animate

$('[class*=inner]').on({
    mouseover : function() {
        $('[class*=inner]').not(this).animate({opacity : 0.4},1000);
    },
    mouseleave : function() {
        $('[class*=inner]').not(this).animate({opacity : 1},1000);
    }
});

フィドルをチェック

于 2013-06-21T05:44:00.810 に答える
0

前のものと同様：

$("div[class^='inner']").on('mouseover',function(){
     var div = $(this);
     $("div[class^='inner']").not(this).each(function(){
          $(this).fadeTo('slow', 0.4);
     });
});

$("div[class^='inner']").on('mouseout',function(){
     $("div[class^='inner']").not(this).each(function(){
          $(this).fadeTo('slow', 1);
     });
});

ここでの例:例

于 2013-06-21T05:50:27.803 に答える