为什么我的根本停不下来
来源：2-1 JS速度动画
航爷
2015-07-20 10:21
window.onload=function(){
var odiv=document.getElementById("div1");
odiv.onmouseover=function(){
huaguo();
}
}
var timer=null;
function huaguo(){
var odiv=document.getElementById("div1");
timer=setInterval(function(){
if(odiv.offsetLeft==0) {
clearInterval(timer);
}
else{
odiv.style.left=odiv.offsetLeft+10+"px";
}
},30)
}
写回答
关注
3回答
-
- 航爷
- 2015-08-04 13:41:39
offsetLeft包含边框，clientLeft不包含边框，，个人理解
-
- 航爷
- 2015-07-20 11:37:30
解决了，原来我没设置css样式里的margin，padding和border等于0，导致 if 判断 错误
-
- 清风在语中行走
- 2015-07-20 10:52:42
你在定义函数之后需要再清一下你设置的timer，还缺少if条件判断。你再仔细看看代码。
JS动画效果
通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装
113925 学习 · 1443 问题
相似问题