myeclipse0
2016-05-21 19:17
<style type="text/css"> *{margin: 0;padding: 0;} #box1{width: 200px;height:200px;position: relative;left: -200px;top: 0;background-color: red;} #box1 span{width: 20px;height: 50px;background-color: blue;position: absolute;left: 200px;top: 75px;} </style> <script> window.onload=function(){ var oDiv=document.getElementById("box1"); oDiv.onmouseover=function(){ starMove(); }; }; var timer=null; function starMove(){ clearInterval(timer); var oDiv=document.getElementById("box1"); timer=setInterval(function(){ if(oDiv.offsetLeft==0){ clearInterval(timer); } else { oDiv.style.left=oDiv.offsetLeft+1+"px"; } },30) }
没有设置*{margin: 0;padding: 0;}时为什么clearInterval(timer)没有作用
我写的是对的,我的意思是去掉*{margin:0;padding:0}为什么会导致定时器取消不起作用
我用你的代码测试了下是可以的
JS动画效果
113925 学习 · 1443 问题
相似问题