window.onload=function(){
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function(){
startMove();
}
}
var timer=null;
function startMove(){
var oDiv=document.getElementById('div1');
timer=setInerval(function({
oDiv.style.left = oDiv.offsetLeft+10+'px';
},30)
}
oDiv.style.left = oDiv.offsetLeft+10+'px';在浏览器中报错导致无法生成动画效果是为什么
2016-11-15
函数体也有问题，我写的JS部分代码是这样的
window.onload=function(){
var oDiv=document.getElementById("div1");
oDiv.onmouseover=function(){
startMove(0);
}
oDiv.onmouseout=function(){
startMove(-200);
}
}
var timer=null;//注意
function startMove(iTarget){
var oDiv=document.getElementById("div1");//注意
var speed=0;
if(oDiv.offsetLeft>iTarget){
speed=-10;
}
else{
speed=10;
}
clearInterval(timer);//清除定时器影响因素
timer=setInterval(function(){
if(oDiv.offsetLeft==iTarget){
clearInterval(timer);
}
else{
oDiv.style.left=oDiv.offsetLeft+speed+'px';//注意加上px
}
},30);
}
举报
