求大神帮忙，看看哪里出错了，老是到达目标值
The_Legend
2015-08-30 10:04
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{
width:100px;
height:90px;
background-color:#FF0;
margin:50px 50px;
padding:30px;
filter:alpha(opacity:60);
opacity:0.6;
}
</style>>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
window.onload=function(){
var Div=document.getElementsByTagName("div");
for(var i=0;i<Div.length;i++){
Div[i].time=null;
Div[i].onmouseover=function(){
startMotion(this,300);
}
Div[i].onmouseout=function(){
startMotion(this,90);
}
}
}
function startMotion(obj,iTarget){
clearInterval(obj.time);
//var Div=document.getElementsByTagName("div");
obj.time=setInterval(function(){
var speed=(iTarget-obj.offsetWidth)/2;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(obj.offsetWidth==iTarget){
clearInterval(obj.time);
}
else{
obj.style.width=obj.offsetWidth+speed+"px";
}
},30)
}
</script>
</body>
</html>
1回答
-
- The_Legend
- 2015-08-31 08:16:20
知道哪里出错了，往后看教程就知道哪里出错了。
还有题目写错了，是老达不到目标值。
原因：obj.offsetWidth的值一直在加大，因为我加了padding，所以出错了。
JS动画效果
113925 学习 · 1443 问题
相似问题