Question

我想知道如何解决这个可能容易出错的问题。

我安装了颜色插件，以便顺利更改backgroundcolor。所以当我在很短的时间内在它上面盘旋几次时，它会重复并重复动画，就像它的堆叠一样。我该如何解决这个问题？有什么想法吗？

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

Answer 1

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

Answer 2

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

Jquery动画问题

2 个答案: