码迷,mamicode.com
首页 > 编程语言 > 详细

原生javascript 实现 animate

时间:2016-04-09 00:10:37      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:

原生javascript 实现 animate

//animate
			function getstyle(obj,name){
				if(obj.currentStyle){
					return obj.currentStyle[name];
				}else{
					return getComputedStyle(obj,false)[name];
				}
			}
			function startrun(obj,attr,target,fn){
				 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 = (target-cur)/8;
				  speed = speed>0?Math.ceil(speed):Math.floor(speed);
				   
				  if(cur == target){
				   clearInterval(obj.timer);
				   if(fn){
				    fn();
				   }
				  }else{
				   if(attr == "opacity"){
				    obj.style.filter = "alpha(opacity="+(cur+speed)+")";
				    obj.style.opacity = (cur+speed)/100;
				   }else{
					obj.style[attr] = cur + speed + "px";
				   }
				  }
				 },30)
				}

  

原生javascript 实现 animate

标签:

原文地址:http://www.cnblogs.com/mystudy/p/5370412.html

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