停止jQuery动画循环

前端之家收集整理的这篇文章主要介绍了停止jQuery动画循环前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下动画:

http://jsfiddle.net/jtqcj/2/

jQuery("#fp-small-feature-1").mouseenter(function(){
    jQuery(".bar").animate({width: "264px"},500);
}); 

jQuery("#fp-small-feature-1").mouseleave(function(){
    jQuery(".bar").animate({width: "0px"},800);
});

如果您快速连续多次关闭鼠标,如何停止动画排队效果.

解决方法

jQuery(document).ready(function(){
jQuery("#fp-small-feature-1").mouseenter(function(){
    jQuery(".bar").stop().animate({width: "264px"},500);
}); 

jQuery("#fp-small-feature-1").mouseleave(function(){
    jQuery(".bar").stop().animate({width: "0px"},800);
}); 

});​

猜你在找的jQuery相关文章