您的位置:首页 > Web前端 > JQuery

jquery结束动画执行其他动作

2017-07-17 10:00 471 查看
<div class="js-a" style="height:100px;width:100px;"></div>

$('.js-a').animate({"height":"300px","width":"300px"},1000);

(1)

  $('.js-a').stop();//若动画在加载过程中结束动画,则会停止在当前状态。也就是说div,可能width:200px;height:200px时,调用了stop()函数,则div的width:200px;height:200px,保持这个状态,而不是加载到最终结果width:300px;height:300px;

(2)

  $('.js-a').finish();//若动画在加载过程中,直接跳转到动画结束状态。也就是说div,可能width:200px;height:200px时,调用了finish()函数,则div的直接加载到最终结果width:300px;height:300px;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息