问答详情
源自:4-1 JS多物体动画

请问老师下面代码那块有问题?运行没有结果啊!



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

ul,li{

padding:0;

margin:0;

}

ul,li{

list-style-type:none;

}

ul li{

width:200px;

height:50px;

background-color:#33FF33;

margin-bottom:20px;

}

</style>

<script>

window.onload = function(){

var ali = document.getElementsByTagName('li');

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

ali[i].timer=null;

ali[i].onmouseover=function(){

startMove(this,400);

}

ali[i].onmouseout=function(){

startMove(this,200);

}

}

}

//var timer=null;

function startMove(odj,iTarget){

clearInterval(obj.timer);

obj.timer=setInterval(function(){

var speed=(iTarget-obj.offsetWidth)/8;

speed=speed>0?Math.ceil(speed):Math.floor(speed);

if(obj.offsetWidth == iTarget){

clearInterval(obj.timer);

}else{

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

}

},30);

}

</script>

</head>


<body>

<ul>

<li></li>

<li></li>

<li></li>

</ul>

</body>

</html>


提问者:Running强 2014-09-12 23:56

个回答

  • scbzyj
    2014-09-26 14:17:50

    function startMove(odj,iTarget){ obj