求大神幫忙，看看哪里出錯了，老是到達目標(biāo)值
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</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>
2015-08-31
知道哪里出錯了，往后看教程就知道哪里出錯了。
還有題目寫錯了，是老達不到目標(biāo)值。
原因：obj.offsetWidth的值一直在加大，因為我加了padding，所以出錯了。