0

我有一个ul li菜单，我只想制作带有 :hover 状态的链接，不透明度为 1.0，其他的将设置为 0.5 之类的东西。因此，每次鼠标悬停在链接上时，它都会保持其不透明度 1.0，而其他鼠标的不透明度将更改为 0.5。在 jQuery 中是否有链接 a !:focus、!:hover或 !:active ？我看到有blur()但它不适合这种情况，我猜，因为我需要那些不活跃的而不是那些失去焦点的。

--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);
            }
        });
4

2 回答 2

1

嘿，你试过用 .not()

应该是这样的：

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

。不是（）

于 2011-04-16T15:39:55.927 回答
0

您可以将not()方法与 :focus、:hover 或 :active 选择器结合使用。

编辑：

或者，如果您愿意，您可以像在这个工作的 jsFiddle 演示中那样使用 CSS 。

根据您的评论，这就是您想要的：淡入淡出动画 jsFiddle。

于 2011-04-16T15:38:44.943 回答