Jquery 动画问题答案

【问题标题】：Jquery Animation ProblemJquery 动画问题
【发布时间】：2011-03-28 23:50:36
【问题描述】：

我想知道如何解决这个可能很简单的问题。

我已经安装了颜色插件来平滑改变背景颜色。因此，但是当我在短时间内将鼠标悬停在它上面几次时，它会像堆栈一样重复并重复动画。我该如何解决？有什么想法吗？

$("#page-bar > ul > li").mouseenter(function(){
      $(this).animate({
                    backgroundColor: "#3c78a7"
                }),500;
            }).mouseleave(function(){
                $(this).animate({
                    backgroundColor: "#333333"
                }),500;
            });

【问题讨论】：

代码看起来还不错

标签： jquery animation colors

【解决方案1】：

$("#page-bar > ul > li").mouseenter(function(){
      $(this).stop().animate({
                    backgroundColor: "#3c78a7"
                }),500;
            }).mouseleave(function(){
                $(this).stop().animate({
                    backgroundColor: "#333333"
                }),500;
            });

【讨论】：

【解决方案2】：

使用stop() 来停止元素的当前动画。 http://api.jquery.com/stop/

【讨论】：