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;
$('.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;
相关文章推荐
- 动画结束时执行某个动作
- jQuery 快速结束当前正在执行的动画
- JQuery选中的对象和非选中的其他对象分别执行不同动作
- jQuery 快速结束当前正在执行的动画
- 4.2.7: jQuery动画之其他动画方法
- 防止jquery重复执行动画
- jQuery动画入门--顺序执行
- jQuery动画连续触发、滞后反复执行解决办法
- (面试题)main函数在开始前或结束后是否会执行其他的代码?
- iOS 动画执行完停在结束位置
- jQuery 快速结束当前动画
- JQuery实现DIV其他动画效果的简单实例
- 当shell结束后执行其他的操作
- 应用程序运行时,动画的执行与代码的逻辑顺序不匹配,即指定控件未出现动画效果,而其他控件却出现动画效果
- css3动画在动作结束时保持该状态不变的解决办法
- jQuery动画连续触发、滞后反复执行解决办法
- jQuery动画入门--顺序执行
- 遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- (lj-test)jquery动作延迟执行
- 分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug