码迷,mamicode.com
首页 > 其他好文 > 详细

简单animate方法的封装

时间:2016-11-11 00:05:39      阅读:639      评论:0      收藏:0      [点我收藏+]

标签:tin   anim   封装   style   timer   简单   for   als   ceil   


function animate(ele,json,fn){
clearInterval(ele.timer);
ele.timer = setInterval(function () {
var bool = true;
console.log(1);
for(var k in json){
if(k == "opacity"){
var leader = getStyle(ele,k)*100||0;
var step = (json[k]*100-leader)/10;
step = step>0?Math.ceil(step):Math.floor(step);

ele.style[k] = (leader+step)/100;
        //兼容IE678
ele.style.filter = "alpha(opacity = "+(leader+step)+")"
console.log(getStyle(ele, k));
if( getStyle(ele,k) != json[k] ){
bool = false;
}

}else if(k=="z-index"){
ele.style.zIndex=json[k];
}else{
var leader = parseInt(getStyle(ele,k))||0;
var step = (json[k]-leader)/10;
step = step>0?Math.ceil(step):Math.floor(step);

ele.style[k] = step+leader+"px";

if(parseInt(getStyle(ele,k))!=json[k]){
bool = false;
}
}
}
if(bool){
clearInterval(ele.timer);
if(fn){
fn();
}
}
},60)
}

简单animate方法的封装

标签:tin   anim   封装   style   timer   简单   for   als   ceil   

原文地址:http://www.cnblogs.com/summer0319/p/6052590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!