move.js
来源:互联网 发布:批处理 软件静默卸载 编辑:程序博客网 时间:2024/06/06 17:27
function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; }}function move(obj,json,options){ options=options||{}; options.duration=options.duration||700; options.easing=options.easing||'ease-in'; var count=Math.floor(options.duration/30); var start={}; var dis={}; for(var name in json){ //name = 名称 //json[name]= 值 start[name]=parseFloat(getStyle(obj,name)); dis[name]=json[name]-start[name]; } var n=0; clearInterval(obj.timer); obj.timer=setInterval(function(){ n++; //var cur=start+dis*n/count; for(var name in json){ switch(options.easing){ case 'linear': var cur=start[name]+dis[name]*n/count; break; case 'ease-in': var a=Math.pow(n/count,3); var cur=start[name]+dis[name]*a; break; case 'ease-out': var a=Math.pow(1-n/count,3); var cur=start[name]+dis[name]*(1-a); break; } if(name=='opacity'){ obj.style[name]=cur; obj.style.filter='alpha(opacity:'+(cur*100)+')'; }else{ obj.style[name]=cur+'px'; } } if(n==count){ clearInterval(obj.timer); options.complete&&options.complete(); } },30);}
0 0
- move.js
- move.js
- 完整版move.js移动框架
- Move
- Move
- Move
- Move..
- 百叶窗特效(用move.js库)
- 百叶窗特效(用move.js库)
- 百叶窗特效(用move.js库)
- Velocity.js和fullPage.js和move.js
- 一款模拟CSS3动画的js插件-move.js
- Move!Move!!Move!!!
- 物体任意值运动框架(包括透明度)move.js
- 完美运动框架(源代码)move+1.js
- Move Move Look
- Move.c && Move.h
- Move.h && Move.c
- python机器学习算法速查
- Shiro Realm @Autowired 注入失败的问题
- 对单例模式Singleton的理解以及四种线程安全的单例模式
- ECMAScript中基本的要素
- ionic-点击input时键盘自动弹出
- move.js
- 一些值得学习阅读的文章
- Jdk8安装后,再降低版本不生效解决办法
- 存钱问题
- java快速排序详解
- 关于Android中使用SVG特性的探索与总结
- 第16周项目1-验证算法(5)直接选择排序
- sublime使用markdown方法
- 循环语句