为什么我做的移动效果向右移动后不会停呢？
<style type="text/css">
#div1{
width:200px;
height:200px;
background:red;
position:relative;
top:0;
left:-200px;
}
#div1 span{
width:50px;
height:50px;
top:75px;
position:absolute;
background:blue;
left:200px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function(){
startMove();
}
}
var timer=null;
function startMove(){
var oDiv=document.getElementById('div1');
timer=setInterval(function(){
if(oDiv.offsetLeft==0){
clearInterval(timer);
}
else{
oDiv.style.left=oDiv.offsetLeft+1+'px'; }
},30)
}
</script>
</head>
<body>
<div id="div1"><span id="speed">速度</span></div>
</body>
qq_梦之缔造者_0浏览 1027回答 1
1回答
-
qq_就不告诉你_03636250
if(oDiv.offsetLeft==0){ clearInterval(timer);}将if 判断里的 == 改成 >=就可以了
随时随地看视频慕课网APP
相关分类
JavaScript