慕仙5237505
2017-10-31 21:29
window.onload=function(){
odiv=document.getElementById("div1");
odiv.onmouseover=function(){
//move(10,0);
move(0);
}
odiv.onmouseout=function(){
//out();
//move(-10,-200);
move(-200);
}
}
var timer=null;
function move(target){
clearInterval(timer);
odiv=document.getElementById("div1");
timer = setInterval(function(){
var speed=0;
if(odiv.offsetLeft>target){
speed = -10;
}else{
speed=10;
}
if(odiv.offsetLeft>=target){
clearInterval(timer);
}else{
odiv.style.left =odiv.offsetLeft + speed+"px"; //变大
}
},500);
}
当div完全显示的时候,odiv.offsetleft为0,想让它缩回去,你设target为-200,然而你判断条件是odiv.offsetLeft>=target,条件成立,执行 clearInterval(timer);,自然缩不回去。
JS动画效果
113925 学习 · 1443 问题
相似问题