jQuery .fadeTo(),如何淡化菜单中没有活动的链接?

时间:2011-04-16 15:33:25

标签: jquery menu opacity fadeto

我有一个 ul li 菜单,我想只使用带有不透明度1.0的悬停状态的链接,其他的将设置为0.5。因此,每次鼠标悬停在链接上时,它都会保持其不透明度1.0,其他人将其不透明度更改为0.5。 是否有一个强烈的关键词 !: focus !:悬停或!:在jQuery中活跃?我看到有模糊(),但它不适合这种情况,我想,因为我需要那些不活跃而不是失去焦点的那些。

- edited-- 它更适用于:not()而不是.not()。 这是有效的:

        $('#menu > li > a').bind({
            mouseenter: function(){
                $('#menu > li > a:not(:hover)').fadeTo('slow', 0.5).stop(true,true);
            },
            mouseleave: function() {
                $('#menu > li > a').fadeTo('slow', 1.0).stop(true,true);
            }
        });

2 个答案:

答案 0 :(得分:1)

嘿,您是否尝试使用.not()

应该是这样的:

$('a').not(':hover');

.not()

答案 1 :(得分:0)

您可以将 not() 方法与您的:focus,:hover或:active selectors结合使用。

修改

或者,如果您愿意,可以像使用 working jsFiddle demo 一样使用CSS。

根据您的评论,以下是您想要的内容: fade animated jsFiddle