Question

我找到了一个改变asp.net菜单项不透明度的javascript代码，

  $(function () {
        $("ul.level1 li").hover(function () {
            $(this).stop().animate({ opacity: 0.7}, "slow");
        }, function () {
            $(this).stop().animate({ opacity: 1}, "slow");
        });
    });

但我不想改变不透明度！
如果我想通过遵循此功能更改项目的背景颜色，该怎么办？

Answer 1

$(function () {
    $("ul.level1 li").hover(function () {
        $(this).stop().animate({ backgroundColor: red}, "slow");
    }, function () {
        $(this).stop().animate({ backgroundColor: blue}, "slow");
    });
});

您还需要this

更好的方法是使用简单的css transition和：hover伪选择器。

<强>更新

正如我所说，jQuery中没有背景色动画的原生支持。如果你想在javascript中使用它，你需要包含插件。

不过，看看用css here

制作它是多么容易

用javascript动画asp.net菜单

1 个答案: