javascript - 鼠标悬停时停止动画

Question

我的鼠标悬停功能可以对对象的宽度进行动画处理，但当它到达目的地时，它会来回移动 2 或 3 个像素。有没有办法解决这个问题。

$(this).mousover(function() {
    $('myselector').animate( {'width': 200} ); 
    // this is all have for my animation but it moves alot
});

Answer 1

如果您想在 mouseover 上将宽度设置为 200 像素，然后在 mouseout 上将宽度设置为 200 像素(例如:100 px)，这会有所帮助:

$(this).mouseover(function() {
        $('myselector').stop().animate( {'width': 200} ); 
       });

$(this).mouseout(function() {
            $('myselector').stop().animate( {'width': 100} ); 
           });