0

私はこれに数日間苦労しています。メインページに合計6つのDIVクラスがあり、DIVクラスの1つがホバーされているときに、他の5つのDIVクラスがわずかに透明になるという単純な効果を実行したいと思います。

私はいくつかの方法を試しましたが、うまくいかないようです。誰かがこれを手伝ってくれますか？どうもありがとう！！

4

4 に答える 4

2

試す：

$(".test").hover(function() {
    $(".test").not($(this)).css({"opacity" : 0.1});
},
 function() {
     $(".test").css({"opacity" : 1});
});

参照: jsFiddle

于 2012-09-09T07:55:00.300 に答える
0

CSSのみでより良いパフォーマンスが得られるはずです：デモ（jsfiddle）

.container > div {
    background: #0FF;
}
.container:hover > div {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.container:hover > div:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
于 2012-09-09T08:32:46.800 に答える
0

更新: 初めてあなたの質問を誤解しました。改善された答え。

あなたの正確なhtml設定はわかりませんが、次のようなものがうまくいくはずです：

jQuery(".myDivClass").mouseenter(function(){
    jQuery(this).siblings().css({"opacity": 0.7});
}).mouseleave(function(){
    jQuery(this).siblings().css({"opacity": 1});
});​

ここで働くフィドル

于 2012-09-09T07:52:32.537 に答える
0

次のようなものを試すことができます。

$(".mydiv").mouseenter(function() {
  var currentId = $(this).attr('id');
$("div").not(this).css("background-color", "#7EA9D5");
  }).mouseleave(function() {
$(".mydiv").css("background-color", "#06C");
  });

単一のクラスと異なる ID を使用できます。透明色に値を指定します (または CSS を使用することもできます)opacity。これは実際のライブ デモです。（ここでは色を使いました）

于 2012-09-09T08:12:57.103 に答える