<!doctype html><html><head>?<meta charset="UTF-8">?<title>speed</title>?<style type="text/css">?div{width: 100px;height: 50px;background: red;margin: 10px}?</style>?<script type="text/javascript">?window.onload=function()?{??var aDiv=document.getElementsByTagName('div')??????for(var i=0;i<aDiv.length;i++)??{?????????? aDiv[i].timer=null???aDiv[i].onmouseover=function()???{????startMove(this,400)???}???aDiv[i].onmouseout=function()???{????startMove(this,100)???}??}??}?function getStyle(obj,name){??????? if(obj.currentStyle){??????????? return obj.currentStyle[name];??? ??????? }else{??????????? return getComputedStyle(obj,false)[name];??????? }??? }??function startMove(obj,iTarget)?{??clearInterval(obj.timer)??var curr=parseInt(getStyle(obj.width))??obj.timer=setInterval(function()??{??????????????????????????????? var speed=(iTarget-curr)/6;??????????????????????????????? speed=speed>0?Math.ceil(speed):Math.floor(speed)??????????????????????????????? if(curr==iTarget)??????????????????????????????? {??????????????????????????????? ?clearInterval(obj.timer)??????????????????????????????? }??????????????????????????????? else??????????????????????????????? {??????????????????????????????? ?obj.style.width=curr+speed+'px'??????????????????????????????? }??},30)?}?</script></head><body>?<div></div>?<div></div>?<div></div></body></html>
做的js運(yùn)動(dòng)換了獲取非行間樣式后就沒有效果了，是什么情況啊
慕粉4084340
2016-10-12 15:47:00
