javascript - 用 javascript 动画化 asp.net 菜单

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

你还需要这个

更好的方法是使用简单的 css过渡和 :hover 伪选择器。

更新

正如我所说，jQuery 中没有对背景颜色动画的原生支持。如果您想在 javascript 中执行此操作，则需要包含该插件。

不过，看看在这里用 css 制作它是多么容易