qq_耿阳阳_0
2016-11-16 17:12
老师,为什么我的显示不了动画效果
对了,太感谢啦
你代码中两个地方有错误
在startMove函数中没有获取到id为did的div
在给oDiv.style.width赋值的时候要加上px,因为oDiv.style.width是有带单位的
下面是我改过来的代码
<script type='text/JavaScript'> window.onload=function(){ var oDiv=document.getElementById("did"); oDiv.onmouseover=function(){ startMove(400); } } var timer=null; function startMove(object){ var oDiv=document.getElementById("did"); clearInterval(timer); timer=setInterval(function(){ var speed=0; if(oDiv.offsetWidth>object){ speed=-10; } else{ speed=10; } if(oDiv.offsetWidth==object){ clearInterval(timer); } else{ oDiv.style.width=oDiv.offsetWidth+speed+'px'; } },30) } </script>
我鼠标放上去,没有任何变化
这是我写的代码:
<style>
*{
margin:0;
padding:0;
}
#did{
width:200px;
height:200px;
background:red;
top:0px;
}
</style>
<script type='text/JavaScript'>
window.onload=function(){
var oDiv=document.getElementById("did");
oDiv.onmouseover=function(){
startMove(400);
}
}
var timer=null;
function startMove(object){
clearInterval(timer);
timer=setInterval(function(){
var speed=0;
if(oDiv.offsetWidth>object){
speed=-10;
}
else{
speed=10;
}
if(oDiv.offsetWidth==object){
clearInterval(timer);
}
else{
oDiv.style.width=oDiv.offsetWidth+speed;
}
},30)
}
</script>
问题能具体点吗
JS动画效果
113925 学习 · 1443 问题
相似问题