                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS動(dòng)畫效果

請(qǐng)問(wèn)大佬哪兒錯(cuò)了?。?？？

<!DOCTYPE?html>
<html>
<head?lang="en">
????<meta?charset="UTF-8">
????<title>多物體運(yùn)動(dòng)</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>

?