为了账号安全,请及时绑定邮箱和手机立即绑定

请问这样的代码:为什么鼠标移出div后,方块没有缩回去

鼠标移出后,红色部分会突然消失,然后又出现,并没有缩回屏幕外


var div1 = document.getElementById('div1'),

share = document.getElementById('share'),

timer = null;


window.onload = function(){

var div1 = document.getElementById('div1');

div1.onmouseover = function(){

startMove();

};

div1.onmouseout = function(){

div1.style.left = -200 + 'px';            //这里

};

}


function startMove(){

var div1 = document.getElementById('div1');

clearInterval(timer);

timer = setInterval(function(){

if(div1.offsetLeft != 0){

div1.style.left = div1.offsetLeft + 10 + 'px';

}

}, 30);

}


正在回答

1 回答

因为你的定时器一直在运行,,你应该在它完全出来之后,,清理掉在运行的这个定时器,,

if(div1.offsetLeft != 0){

div1.style.left = div1.offsetLeft + 10 + 'px';

} else {

clearInterval(timer);

}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问这样的代码:为什么鼠标移出div后,方块没有缩回去

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号