运动框架问题

来源:5-1 JS链式动画

吃瓜小夏

2016-05-12 10:37

<script type="text/javascript">
function getStyle(obj,attr){
	if(obj.currentStyle){
		return obj.currentStyle[attr]
		}
	else{return getComputedStyle(obj,false)[attr];}
	};
function startMove(obj,attr,target,fn){
	clearInterval(obj.timer);
	obj.timer=setInterval(function(){
		//取当前的值
		var icur=0;
		if(attr=="opacity"){icur=Math.round(getStyle(obj,attr)*100)}else{icur=parseInt(getStyle(obj,attr));}
		//设置速度
	    speed=(target-icur)/8;
		speed=speed>0?Math.ceil(speed):Math.floor(speed);
		//停止动画
		if(icur==target){clearInterval(obj.timer);if(fn){fn()}}
		//obj.style.width=obj.style[attr]  注意 style[attr]
		else{if(attr=="opacity"){obj.style[attr]=icur;}else{obj.style[attr]=icur+speed+"px";}
	         }},30);
}


</script>

DW总是提示我第三行有语法错误,自己在浏览器上引入该文件无法运行

写回答 关注

1回答

  • 高手之路
    2016-05-12 16:07:50

    第一行<script>标签去掉  注意h5 <script src=""></script>引入格式

    第16行在严格模式下是错误的,加上var

    第21行判断,如果是透明的话,写全了、

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题