0

同じクラス「.category-container」を持つ 4 つの DIV があり、基本的に必要なことは、DIV 全体とその中のすべてをホバーしたときにズームすることです。たとえば、120% とします。それらの 1 つがズーム効果でホバーされると、他の 3 つが 50% の不透明度にフェードアウトする必要があります。

ズーム部分の実行方法は知っていますが、他の 3 つの div の 1 つがホバー時にズームされているときに、他の 3 つの div でフェードアウトを発生させることに少し固執しています。

これが理にかなっていることを願っています-誰か助けてくれますか?

ザック

4

1 に答える 1

1 
$('.category-container').bind('mouseover',function() {
    $(this).addClass('hover');
    $('.category-container').not('.hover').fadeTo('normal',0.2);
});
$('.category-container').bind('mouseout',function() {
    $('.category-container').removeClass('hover').fadeTo('normal',1);
});

http://jsfiddle.net/8fvJN/どうぞ

于 2011-03-17T16:42:35.147 に答える