为了账号安全,请及时绑定邮箱和手机立即绑定

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



<!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>


正在回答

1 回答

function startMove(odj,iTarget){ obj


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JS动画效果
  • 参与学习       113916    人
  • 解答问题       1502    个

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

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号