JS函数动画(缓冲上下左右运动)封装

function easeMove(obj,attr,targetPos,speedEnd,time){
				clearInterval(obj.timer)
				obj.timer = setInterval(function(){
					var attrValue = parseInt(getStyle(obj,attr));
					var speed = Math.abs(targetPos - attrValue)/speedEnd
					speed = speed>0?Math.ceil(speed):Math.floor(speed);
					if(attrValue == targetPos){
						clearInterval(obj.timer);
					}else{
						obj.style[attr] = attrValue + speed + "px";
					}
					console.log(getStyle(obj,attr));
				},time)
			}

//获得CSS样式属性值:

function getStyle(obj,attr){
			if(obj.currentStyle){
					//支持IE
					return obj.currentStyle[attr];
				}else{
					return getComputedStyle(obj)[attr];
				}
			}

猜你喜欢

转载自blog.csdn.net/weixin_39200549/article/details/82959217
今日推荐