js的运动及封装

概述

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

运动主要的三步骤

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

匀速运动

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

 

示例

 

缓冲运动

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

示例

 

 

 

 

 

 

 

 

封装move.js

 

 

 

 

 

 

 

 

 

 

 

效果图

 

 

 

 

 

 

posted @ 2022-08-20 09:52  星辰大海呀呀呀呀  阅读(19)  评论(0)    收藏  举报