javascript 缓冲运动框架的实现
框架的使用，大大的提高了我们的编码的效率，下面分享一个缓冲运动框架。
实例代码：
/**
* Created by wang on 2016/8/3.
*/
//获取非行间样式和行间样式
function getStyle(obj,name) {
if(obj.currentStyle){
return obj.currentStyle[name];
}
else {
return getComputedStyle(obj,false)[name];
}
}
//获取非行间样式和行间样式
//缓冲运动框架
var timer=null;
function startMove(obj,attr,iTarget) {
clearInterval(obj.timer);
obj.timer=setInterval(function () {
var cur=0;
if(attr=='opacity'){
cur=Math.round(parseFloat(getStyle(obj,attr))*100);
}
else {
cur=parseInt(getStyle(obj,attr));
}
var speed=(iTarget-cur)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(cur==iTarget){
clearInterval(timer);
}
else {
if(attr=='opacity'){
obj.style.filter='alpha(opcity:'+(cur+speed)+')';
obj.style.opacity=(cur+speed)/100;
}
else {
obj.style[attr]=cur+speed+'px';
}
}
},30)
}
//缓冲运动框架以上就是JavaScript实现缓冲运动框架的实例的详细内容，更多请关注php中文网其它相关文章！
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一篇：路由器web向导页面实现
下一篇：JavaScript数组的5种迭代方法实例详解
