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

請問大佬哪兒錯了??？？？

<!DOCTYPE?html>
<html>
<head?lang="en">
????<meta?charset="UTF-8">
????<title>多物體運動</title>

????<style?type="text/css">

????????*{
????????????padding:0;
????????????margin:0;

????????}

????????ul,li{
????????????list-style:?none;
????????}

????????ul?li{
????????????width:200px;
????????????height:100px;
????????????background-color:?chartreuse;
????????????margin-bottom:20px;
????????}

????</style>
</head>
<body>
????<ul>
????????<li></li>
????????<li></li>
????????<li></li>
????????<li></li>
????</ul>

<script>
????window.onload?=?function(){
????????var?aLi=document.getElementsByName('li');
????????for(i=0;i<aLi.length;i++){
????????????aLi[i].onmouseover=?function(){
????????????????????starMove(this,400);
????????????}
????????????aLi[i].onmouseout=?function(){
????????????????starMove(this,200);
????????????}
????????}
????????var?timer?=?null;
????????function?starMove(obj,target){
????????????clearInterval(obj.timer);
????????????timer?=?setInterval(function(){
????????????????var?speed=(target-obj.offsetWidth)/8;
????????????????speed=speed>0?Math.ceil(speed):Math.floor(speed);
????????????????if(obj.offsetWidth==?target){
????????????????????clearInterval(timer);
????????????????}else{
????????????????????obj.style.width=obj.offsetWidth+speed+'px';
????????????????}
????????????},30)
????????}
????}

</script>

</body>
</html>