土妞
2016-01-19 16:33
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function(){
startMove();
}
}
var timer=null;
function startMove(){
clearInterval(timer);
var oDiv=document.getElementById('div1');
timer=setInterval(function(){
if(oDiv.offsetLeft<-200)
{clearInterval(timer);}
else{
oDiv.style.left=oDiv.offsetLeft-1+'px';
}
},30)
}
div1为什么向右跑
从你以上的代码来看,
timer=setInterval(function(){
if(oDiv.offsetLeft<-200) //如果oDiv的left<200
{clearInterval(timer);} //清除定时器timer
else{
oDiv.style.left=oDiv.offsetLeft-1+'px'; //else,oDiv的left每隔30ms减一个像素(也就是像左移动1px)
}
},30)
ps:请你仔细查看下代码,应该会理解的,如果不理解欢迎贴出整个代码,帮你分析下。
望采纳~
if(oDiv.offsetLeft<200)
if(oDiv.offsetLeft<200)
JS动画效果
113904 学习 · 1502 问题
相似问题