請問這樣的代碼:為什么鼠標移出div后,方塊沒有縮回去
鼠標移出后,紅色部分會突然消失,然后又出現(xiàn),并沒有縮回屏幕外
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);
}
2017-04-11
因為你的定時器一直在運行,,你應該在它完全出來之后,,清理掉在運行的這個定時器,,
if(div1.offsetLeft != 0){
div1.style.left = div1.offsetLeft + 10 + 'px';
} else {
clearInterval(timer);
}