开发者学堂课程【jQuery 开发教程: jQuery 特效_自定义2】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/362/detail/4311
jQuery 特效_自定义2
点击div会执行一个动画效果
//选择到 button,给一个点击事件
$("button") .click(function(){
//点击实现动画停止
e动画名称
//停止当前正在运行的动画,删除所有排队的动画,完成匹配元素所有的动画。点击立刻停止动画
div. finish();
//停止匹配元素当前正在运行的动画。
div.stop();
})
})
动画停止效果图:
点击div开始动画
在中途点击按钮停止动画,不会马上停止,而是把当前动画执行完毕,清除后面的动画项
这是已经停止了的动画
delay 延时时间方法效果图:
点击开始动画:
这里点击停止动画会停止到当前动画页面