首页 > 网站 > WEB开发 > 正文

thwen 缓动框架

2024-04-27 14:07:19
字体:
来源:转载
供稿:网友

thwen 缓动框架

描述

目前提供一个方法

ele 元素对象

obj 操作

duration 时间

effect 缓动选择

thwenMove(option)

框架支持以下缓动策略

-指数衰减的正弦曲线缓动

-圆形曲线的缓动

-超过范围的三次方缓动

-指数衰减的反弹缓动

-正弦曲线的缓动

-5次方的缓动

-四次方的缓动

-三次方的缓动

-二次方的缓动

-当前时间*变化量/持续时间+初始值

示例

window.thwenMove({ele:document.querySelector(".v1"),obj:{"left":450,"opacity":1},duration:300*1.5,<br>effect:['Quint','easeInOut']

});

它会向右easeInOut的速度移动

https://github.com/Mrxdh喜欢的话可以帮忙点击Follower


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表