                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JS動畫效果

為什么starMove（）沒有觸發

<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8">
????????<title>多物體動畫+獲取樣式2</title>
????????<style>
????????????ul,li{list-style:?none;}
????????????ul?li{width:?200px;height:?100px;background-color:?yellow;margin-bottom:?20px;
??????????????????border:10px?solid?#0000FF;}
????????</style>
????????<script>
????????????window.onload=function(){
????????????var?Li1=?document.getElementById('li1');
????????????var?Li2=?document.getElementById('li2');
????????????Li1.onmouseover=function(){
????????????????startMove(this,'height',400);
????????????}
????????????Li1.onmouseout=function(){
????????????????startMove(this,'height',100);
????????????}
????????????Li2.onmouseover=function(){
????????????????startMove(this,'width',400);
????????????}
????????????Li2.onmouseout=function(){
????????????????startMove(this,'width',200);
????????????}???
??????????}
????????????function?getStyle(obj,attr){??/*此函數用來獲取樣式*///可以改變寬高、背景屬性、字號屬性、邊框屬性等等
???????????????if(obj.currentStyle){
???????????????????return?obj.currentStyle[attr];/*currentStyle針對IE*/
???????????????}
???????????????else{
???????????????????return?getComputedStyle(obj,false)[attr];/*getComputedStyle針對Firefox*/
???????????????}
???????????}
//????????????var?timer=null;
????????????function?startMove(obj,attr,iTarget){
????????????????clearInterval(obj.timer);
????????????????obj.timer=setInterval(function(){
????????????????????var?icur?=?parseInt(getStyle(obj,attr));
????????????????????var?speed=(iTarget-icur)/8;
????????????????????speed?=?speed>0?Math.ceil(speed):Math.floor(speed);
????????????????????if(icur==iTarget){
????????????????????????clearInterval(obj.timer);
????????????????????}
????????????????????else{
????????????????????????obj.style.[attr]=icur+speed+'px';
????????????????????}
????????????????},30)
????????????}
????????</script>
????</head>
????<body>
????????<ul>
????????????<li?id='li1'></li>
????????????<li?id='li2'>?</li>

????????</ul>
????</body>
</html>