Javascript特效:封装元素动画函数
发布日期:2021-06-30 15:44:16
浏览次数:3
分类:技术文章
本文共 360 字,大约阅读时间需要 1 分钟。
知识点
- 凡是在触发事件之中用到定时器,一定要先清后设。
- 动画的原理就是,有一个初始位置,有一个目标为止,有一个步长(每一次执行改变的距离),在确定的时间内完成事件,当初始位置等于目标位置,结束。
- opacity 设置透明度,与其他的属性不同,opacity是number类型的,是一种特殊情况,需要进行特殊设置。
- 实现一次动画改变多个属性的方法:设置一个flag,默认值为false,只有当所有的属性都改变完成之后,flag=true,定时器关闭。
- 实现一次执行多个动画的方法:回调函数,即执行完第一次动画之后,如果有回调函数,执行下一次动画。
- 设置CSS属性,style[arrName]
运行结果
点击之后,调用封装好的动画函数,对div的属性进行设置。
代码
转载地址:https://kaisarh.blog.csdn.net/article/details/103739377 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2024年04月13日 17时42分15秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
webview加载网页或富文本oom
2019-05-01
机器学习-评价分类、回归算法模型指标
2019-05-01
Azkaban体系结构
2019-05-01
Azkaban2.5环境搭建及测试
2019-05-01
Synchronized与ReentrantLock区别
2019-05-01
机器学习之重头戏-特征预处理
2019-05-01
synchronized底层实现及锁的升级、降级
2019-05-01
Java线程生命周期之旅
2019-05-01
机器学习-简单逻辑回归实现
2019-05-01
如何快速定位JVM相关GC问题
2019-05-01
java线程相关概念之解析
2019-05-01
Python清洗常用工具
2019-05-01
java内存模型及线程案例分析
2019-05-01
小议创建线程的若干方式
2019-05-01
ThreadLocal应用场景分析
2019-05-01
线程池原理及应用之个人心得
2019-05-01
线程池excute方法执行底层过程
2019-05-01
线程池同步异步调用callable和Future
2019-05-01