用javascript动画asp.net菜单

animate asp.net menu with javascript

本文关键字：net 菜单 asp 动画 javascript      更新时间：2023-09-26

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

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

但是我不想改变不透明度!
如果我想通过遵循此函数更改项目的背景颜色，该如何做?

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

你还需要这个

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

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

不过，看看在这里使用css是多么容易

相关文章：