动画asp.net菜单使用javascript

2013-05-14 60 views 0 likes

我发现改变asp.net菜单项的不透明度javascript代码，动画asp.net菜单使用javascript

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

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

来源

2013-05-14 zey

回答

$(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

来源

2013-05-14 11:51:45

'背景色：'不工作：| – zey 2013-05-14 12:00:51

它不是'background-color'，使用'backgroundColor'（camel case！）在JQuery中使用时，css语法略有不同...请看这里http://learn.shayhowe.com/advanced-html-css/jquery下'操纵'，然后'风格操作':) – Stuart 2013-05-14 14:30:18

@Slytael，为您的css示例+1转换：所有2s; -webkit转换：所有2s;'，它的工作很棒:) – zey 2013-05-15 03:49:23

动画asp.net菜单使用javascript

回答

相关问题