JS函数动画（匀速上下左右运动）封装

最新推荐文章于 2022-08-01 10:07:42 发布

李尚书

最新推荐文章于 2022-08-01 10:07:42 发布

阅读量628

点赞数

分类专栏：模块功能代码文章标签： js 函数封装动画

本文链接：https://blog.csdn.net/weixin_39200549/article/details/82959193

版权

模块功能代码专栏收录该内容

13 篇文章 0 订阅

订阅专栏

function uniformMove(obj,attr,targetPosition,speed,time){
				clearInterval(obj.timer)
				obj.timer = setInterval(function(){
					//通过属性名获得属性值
					//getStyle(obj,attr) 是字符串"~px"
					var attrvalue=parseInt(getStyle(obj,attr));
					//var attrvalue=parseInt(getComputedStyle(obj)[attr]);
					if(Math.abs(targetPosition-attrvalue)<=Math.abs(speed)){
						obj.style[attr]=targetPosition+"px";
						clearInterval(obj.timer);
					}else{
						obj.style[attr]=attrvalue+speed+"px";
					}
				console.log("offset: "+ attrvalue);
				},time);
			}

//获得CSS样式属性值：

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