动画的一些基本原理和基础的轮播

把left的值变大,就会有动画
            设置步长
            1 获取div当前的left值
            2 left + 步长
            3 设置给div的left
            4 循环执行1-3
                当到达目标值时,停止运动 有的时候步长加上对应值不可能正好到达目标值
                需要判断临界值
                    当前left值 - 目标值  差的绝对值 小于 步长时,即为临界状态
 move函数中有两个参数,第一个参数是要有动画的dom对象
            第二个参数是移动到的目标值


            例如当前位置是0
                move(dom, 1000) 就会动画到1000的位置
             淡入  0 - 1
            淡出  1 - 0


            计时器 添加给要加添加动画的DOM对象的一个随意属性


            函数执行就要先清除计时器(防止连续点击时造成问题)


            获取对应属性的属性值
            根据属性值得到步长(正||负)
            
            添加计时器
                获取对应属性值


                判断是否到达临界点
                    是 
                        清除计时器
                        然最终属性值为目标值
                    否
                        属性值 += 步长


                    将属性值设置给对应的属性
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值