解决鼠标快速移入和移出时出现的问题

问题原因：鼠标划过每个导航，背景都加个动画切换，快速划过的话，背景切换的会很乱

解决方法：设置定时器，鼠标离开之后，取消定时器

代码示例：

　　　　　　　var ppp;
            $(".part3-list li").on("mouseenter", function () {
                var index = $(this).index();
                $(".img-bg img").removeClass("animated animate-zoomIn");
                ppp = setTimeout(function () {
                    $(".img-bg img").eq(index).addClass("animated animate-zoomIn up").siblings(
                        "img").removeClass('up');
                }, 500)
            })
            $(".part3-list li").on("mouseleave", function () {
                clearTimeout(ppp);
                var index = $(this).index();
                $(".img-bg img").eq(index).addClass("down").siblings("img").removeClass("down");
            })

需要注意的是，变量ppp一定记得声明在函数外面。