首页 > 代码库 > jQuery如何停止元素的animate动画,还有怎样判断是否处于动画状态?【转】
jQuery如何停止元素的animate动画,还有怎样判断是否处于动画状态?【转】
停止元素的动画方法:stop()
语法结构:stop([clearQueue],[gotoEnd])
clearQueue 和 gotoEnd 都为可选参数,为布尔值。
clearQueue : 是否要清空未执行玩的动画列表
gotoEnd : 是否直接将正在执行的动画跳转到末状态
经常在hover时间的动画效果里用到 stop() 方法,可以避免动画效果与光标动作不一致时导致的延迟动画。
例如:
$(
".test"
).hover(
function
(){
$(
this
).stop();
.animate({height:
"150"
,width:
"300"
},200);
},
function
(){
$(
this
).stop();
.animate({height:
"50"
,width:
"100"
},3200);
});
判断元素是否处于动画状态:
if
(! $(elememt).is(
":animated"
) ){
//判断元素是否处于动画状态
//如果当前没有进行动画,则添加
}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。