jQuery 特效_自定义2|学习笔记

开发者学堂课程【jQuery 开发教程: jQuery 特效_自定义2】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/362/detail/4311


 jQuery 特效_自定义2


jQuery 特效_自定义2|学习笔记

点击div会执行一个动画效果

jQuery 特效_自定义2|学习笔记

//选择到 button,给一个点击事件  

$("button") .click(function(){

//点击实现动画停止

e动画名称

//停止当前正在运行的动画,删除所有排队的动画,完成匹配元素所有的动画。点击立刻停止动画

div. finish();

//停止匹配元素当前正在运行的动画。

div.stop();

})

})

 

动画停止效果图:

jQuery 特效_自定义2|学习笔记

点击div开始动画

在中途点击按钮停止动画,不会马上停止,而是把当前动画执行完毕,清除后面的动画项

jQuery 特效_自定义2|学习笔记

这是已经停止了的动画

delay 延时时间方法效果图:

点击开始动画:

jQuery 特效_自定义2|学习笔记

这里点击停止动画会停止到当前动画页面

上一篇:设计模式---命令模式(DesignPattern_Command)


下一篇:使用 spring aop 实现(补)| 学习笔记