其他分享
首页 > 其他分享> > js的运动及封装

js的运动及封装

作者:互联网

概述

运动主要是动画的操作,主要是操作某个document元素的属性变化(位置变化)

运动主要的三步骤

使用定时器来定时更改对应的内容
实时获取对应的元素的属性及相关内容
判断是否到达目标位置(到达后清除定时器)

匀速运动

概述:匀速运动的本质就是每次变化值都是同一个

 

示例

 

缓冲运动

概述: 缓冲运动的本质就是每次变化的值越来越小

示例

 

 

 

 

 

 

 

 

封装move.js

 

 

 

 

 

 

 

 

 

 

 

效果图

 

 

 

 

 

 

标签:定时器,封装,示例,匀速运动,js,概述,运动
来源: https://www.cnblogs.com/wangzhaoweixxx/p/16607207.html