为什么我的div移动后停不下来?求大神讲解一下

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

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

<head>

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

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

<style>

*{margin:0;padding:0;}

#share{

top:200px;

width:200px;

height:100px;

left:-200px;

background:#0FF;

position:relative;

}

#small{

width:30px;

height:50px;

background:#C00;

left:200px;

position:absolute;

}

</style>

<script>

window.onload=function(){

var share=document.getElementById('share');

share.onmouseover=function(){

move(10,0);

}

share.onmouseout=function(){

move(-10,-200);

}

}

var time=null;

function move(speed,target){

clearInterval(time);

var share=document.getElementById('share');

time=setInterval(function(){

if(share.offsetLeft==target){clearInterval(time);}

share.style.left=share.offsetLeft+speed+'px';

}

,30)

}


</script>

</head>


<body>

<div id="share">

<div id="small">分享</div>

</div>

</body>

</html>


酋长最帅
浏览 1736回答 4
4回答

boyqian

将body 的内容修改为<div id="share"> <div id="div"> <span>samll</span> </div> </div>将samll的css属性改为#div span{your code}

boyqian

是时间清除的那块,对不起,我大意了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript