为什么我用margin-left来做一个速度动画，效果出不来

Question

   var timer=null;window.onload=function  () { var obigbox=document.getElementById('bigbox'); var osmallbox=document.getElementById('smallbox'); osmallbox.onmouseover=function(){ startMove(); }}function startMove () { var obigbox=document.getElementById('bigbox');        clearInterval(timer);    timer=setInterval(function () {     console.log("hello");     if (obigbox.offsetLeft==0) {      clearInterval(timer);          }         else{     obigbox.style.cssText='margin-left:'+obigbox.offsetLeft+10+'px;'         }     console.log(obigbox.offsetLeft+' ');    },30)         }

Answer 1

'margin-left:'+obigbox.offsetLeft+10+'px;'这里出错了，代码是从左到右执行的，那么一个字符串加一个数字就是字符串了，后面你再让他加一个数字，而你的本意却是想要中间的数字作加法运算然后拼接。所以加一个括号就ok了。既是：'margin-left:'+(obigbox.offsetLeft+10)+'px;'现在去试试吧

Answer 2

cssText不是这么用的～你这儿直接style.marginLeft="10px"这样就可以了