快速移動滑鼠導致js 的mouseover，mouseout，mouseenter，mouseleave等事件（觸發動畫）反覆疊加的處理

如題，看了好多網友的文章，辦法是無效的，我驗證出了一種方案，共用一下：

hover方法是jquery封裝的js的mouseover，mouseout事件

 $("#footNav img").hover(function () {                if (!$(this).is(":animated")) {                    itsWidth = $(this).css("width");                    itsHeight = $(this).css("height");                    var itsWidthValue = itsWidth.substring(0, itsWidth.lastIndexOf('p'));                    var itsHeightValue = itsHeight.substring(0, itsHeight.lastIndexOf('p'));                    $(this).animate({ "width": itsWidthValue * 1.1 + "px", "height": itsHeightValue * 1.1 + "px" }, 200);                }            },function () {                $(this).animate({ "width": itsWidth, "height": itsHeight }, 200);            })

if (!$(this).is(":animated"))  //這是關鍵，判斷當前元素是不是正在執行動畫，如果沒有，可以執行下面的代碼，如果它本身正在執行，則不疊加執行

情境：當使用者快速移動滑鼠的時候，快得變態的時候，導致上一個事件還沒有執行完下一個又要執行了，疊加起來產生古怪的效果。

ps：本來沒有想到要這麼做的，變態的客戶成就了這一切......