thwen 缓动框架
2015-07-07 18:21
218 查看
描述
目前提供一个方法
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的速度移动
![](http://images0.cnblogs.com/blog2015/740044/201507/071824594395051.gif)
https://github.com/Mrxdh
喜欢的话可以帮忙点击Follower
目前提供一个方法
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的速度移动
![](http://images0.cnblogs.com/blog2015/740044/201507/071824594395051.gif)
https://github.com/Mrxdh
喜欢的话可以帮忙点击Follower
相关文章推荐
- web移动开发最佳实践之html篇
- 关于友好性测试中鼠标样式的修改
- Android FragmentManage FragmentTransaction介绍
- 常见分布式计算框架特点
- Python
- FMDB官方使用文档-GCD的使用-提高性能(翻译)
- Java 面向对象
- Ubuntu下android开发工具汇总
- iOS-compile_debug-crash_gain
- 加密解密基础问题:字节数组和(16进制)字符串的相互转换
- iBatisNet分布式事务的应用 MS SQL2008。
- 实战weblogic集群之创建domain,AdminServer
- Oracle获取上个月和下个月
- tinyxml 快速上手
- grep理解
- python 内存管理
- BAE使用git push出现错误:fatal: The remote end hung up unexpectedly
- IOS安装包瘦身
- git常用命令
- Swift2学习:Swift概览1-简单的变量