鼠标移出后div继续向右移动怎么回事-慕课网

首页课程实战体系课手记专栏慕课教程

鼠标移出后div继续向右移动怎么回事

来源：2-1 JS速度动画

慕丝7289332

2016-08-03 12:08

var timer=null;
window.onload=function () {
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function () {
startMove(0);
}
oDiv.onmouseout=function () {
startMove(-200);
}
}
function startMove(iTarget) {
clearInterval(timer);
var oDiv=document.getElementById('div1');

timer=setInterval(function () {
var speed=0;
if (oDiv.style.left>iTarget){
speed=-10;
}else {
speed=10;
}
if (oDiv.offsetLeft==iTarget){
clearInterval(timer);
}else{
oDiv.style.left=oDiv.offsetLeft+speed+'px';
}
},30)
}

写回答关注

2回答

慕函数9642432

2016-08-03 16:45:11

    function moveS(iTarget){
        var div1=document.getElementById('div1');
        clearInterval(timer);
        timer=setInterval(function(){
            var speed;
            if(div1.offsetLeft>iTarget){
                speed=-10;
            }else{
                speed=10;
            }
            if(div1.offsetLeft==iTarget ){
                clearInterval(timer);
            }else{
                div1.style.left=div1.offsetLeft + speed + 'px';
            }

        },30)
    }

0 0
RecallGY

2016-08-03 13:19:30

当他完全右移出来后你没有判断
加一句
if(oDiv.offsetLeft==0) {
clearInterval(timer);}
让计时器停止工作就行了

1 0

慕丝7289...

知道哪里错了 if (oDiv.style.left>iTarget)这个判断条件错了，应该是if(oDiv.offsetLeft>iTarget)

2016-08-03 17:27:19

共 1 条回复 >

JS动画效果

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

113925 学习 · 1443 问题

相似问题

在ie中，鼠标移出的时候会一直左右移动

回答 2

关于鼠标在图表上移动也会引起旋转是怎么回事？就是鼠标移入他会转一圈，移出同样会？？？？

回答 2

多物体运动鼠标移出事件有误

回答 1

鼠标移上去，图标就消失了，这是怎么回事？

回答 2

为什么向右移动时是向上取整，然后向左移动是向下取整？

回答 3

打开慕课网App查看更多内容