代码有错的

来源:4-3 任意属性值(一)

qq_耿阳阳_0

2016-11-22 20:49

<style type="text/css">

*{

margin:0;

padding:0;

}

ul li{

list-style:none;

}

li{

width:200px;

height:200px;

background:red;

margin-bottom:10px;

}

</style>

<script type="text/JavaScript">

window.onload=function(){

var oDiv=document.getElementsByTagName("li");

for(var i=0;i<oDiv.length;i++){

oDiv[i].timer=null;

oDiv[i].onmouseover=function(){

startMove(this,400);

}

oDiv[i].onmouseover=function(){

startMove(this,200);

}

}

function startMove(obj,oTargin){

clearInterval(obj.timer);

obj.setInterval(function(){

var speed=0;

if(obj.offsetWidth>oTargin){

speed=-10;

}

else{

speed=10;

}

if(obj.offsetWidth==oTargin){

clearInterval(obj.timer);

}

else{

obj.style.width=obj.offsetWidth+speed+'px';

}

},30)

}

</script>

帮忙看一下哪里出错了


写回答 关注

1回答

  • 冰枫3433961
    2016-11-22 22:57:38

    28行少加一个括号,30行也错了。

JS动画效果

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

113923 学习 · 1443 问题

查看课程

相似问题