您的位置:首页 > Web前端 > JavaScript

Js万能运动框架

2017-04-08 17:58 260 查看
最近在用H5的项目,关于运动的js代码用到很多,写了一份简单的运动框架,供大家使用,只需要导入即可,调用方法就可以实现简单的运动

/**
* Created by ios1 on 17/4/8.
*/

function  getStyle(obj,attr) {

if(obj.currentStyle){

return  obj.currentStyle[attr];

}else{

return window.getComputedStyle(obj,false)[attr];
}
}

function startMove(obj,json,Func) {

clearInterval(obj.timer);
obj.timer = setInterval(function () {

var stop=true;

for (var attr in json){

var currentAttr = 0;
if(attr == 'opacity'){

currentAttr = Math.round(parseFloat(getStyle(obj,attr))*100);

}else{

currentAttr = parseInt(getStyle(obj,attr));

}

var speed = (json[attr] - currentAttr)/5;
speed = speed>0?Math.ceil(speed):Math.floor(speed);

if(json[attr] != currentAttr) stop = false;

if(attr =='opacity'){

obj.style.opacity = (currentAttr + speed)/100;
obj.style.filter = 'alpha(opacity:'+(currentAttr + speed)+')'
}else{

obj.style[attr] = currentAttr + speed +'px';

}

}

if (stop){

clearInterval(obj.timer);

if(Func)Func();
}

},30);

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js