al color.jQuery可以在安装了适当插件的情况下设置颜色动画。OP有一个插件。jQuery可以在安装了适当插件的情况下设置颜色动画。OP有这个插件，它的想法是鼠标移到li上，当你移到li上时，背景会变为#4f5964，然后当鼠标移到外面时，背景会

---

al color.jQuery可以在安装了适当插件的情况下设置颜色动画。OP有一个插件。jQuery可以在安装了适当插件的情况下设置颜色动画。OP有这个插件，它的想法是鼠标移到li上，当你移到li上时，背景会变为#4f5964，然后当鼠标移到外面时，背景会恢复正常。我使用黑色是因为它更容易达到0六次lol。我遵循jQueryColor的github页面上的使用指南，但没有多大成功。我正式感到疲倦。我想把菜单栏放进去li@NathanJ2012虽然你可以用一个插件设置颜色的动画，但这个插件不会影响渐变（我不知道它是否能处理透明度）。如果质量降低在旧版中不是问题，那么您应该研究CSS转换。我的目标是尽可能实现跨浏览器兼容性。我使用的是纯色效果，而不是我在菜单css中注释掉的渐变。另一个问题是每次我尝试使用jQuery时，我都会找到一个css替代方案，我不会每次都回到CSS来学习：\这个想法是一个鼠标悬停的事件，所以当你移动到li上时，背景会变为#4f5964，然后当鼠标移出时，背景会变回正常。我使用黑色是因为它更容易达到0六次lol。我遵循jQueryColor的github页面上的使用指南，但没有多大成功。我正式感到疲倦。我想把菜单栏放进去li@NathanJ2012虽然你可以用一个插件设置颜色的动画，但这个插件不会影响渐变（我不知道它是否能处理透明度）。如果质量降低在旧版中不是问题，那么您应该研究CSS转换。我的目标是尽可能实现跨浏览器兼容性。我使用的是纯色效果，而不是我在菜单css中注释掉的渐变。另一个问题是，每次我尝试使用jQuery时，我都会找到一个css替代方案，我不会每次都返回css来学习：\

<script type="text/javascript">
        jQuery("li.site-links").hover(function(){
            jQuery(this).stop().animate({
                backgroundColor: "#000000"
            }, 1000 );
        });
    </script>

 jQuery("this")

 jQuery(this)

jQuery(function(){
   jQuery("a.site-links").hover(function(){
        jQuery(this).closest('li').stop().animate({
            backgroundColor: "#000000"
        }, 1000 );
    },function(){
        jQuery(this).closest('li').stop().animate({
        backgroundColor: "transparent"
    }, 1000 );
    });
 });

jQuery(function(){
   jQuery("a.site-links").parent('li').hover(function(){
        jQuery(this).stop().animate({
            backgroundColor: "#000000"
        }, 1000 );
    },function(){
        jQuery(this).closest('li').stop().animate({
        backgroundColor: "transparent"
    }, 1000 );
    });
 });

$(".site-links").hover(function(){
jQuery(this).parent().stop().animate({
    backgroundColor: "#000"
    }, 1000 );
});

jQuery("li.site-links").hover(function(){
    jQuery(this).stop().animate({
        backgroundColor: "rgb(79, 89, 100)"
    }, 1000 );
},function(){
    jQuery(this).stop().animate({
        // color alpha not supported in IE8: http://caniuse.com/#search=rgba
        backgroundColor: "rgba(79, 89, 100, 0)"
    }, 1000 );
});

#menu-bar li{
  transition: 1s;
  -webkit-transition: 1s;
  background: url("../imgs/menu-normal.png");
}

#menu-bar li:hover{
  background: url("../imgs/menu-hover.png");
}