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

為什么我的沒有效果，不曉得哪里出問題了

<!DOCTYPE >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>完美動畫效果</title>
<script type="text/javascript" src="js/move.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script>
window.onload=function(){
?? ?var move=document.getElementById("move");
?? ?var list=move.getElementsByTagName("a");
?? ?for(var i=0;i<list.length;i++){
?? ??? ?list[i].onmouseover=function(){
?? ??? ??? ?var _this=this.getElementsByIdName("i")[0];
?? ??? ??? ?startMove(_this,{top:-8,opacity:0},function(){
?? ??? ??? ??? ?_this.style.top=30+"px";
?? ??? ??? ??? ?startMove(_this,{top:8,opacity:100})
?? ??? ??? ??? ?});
?? ??? ??? ?}
?? ??? ?}
?? ?}

</script>
</head>
?? ?
<body>
??? <div class="move" id="move">
??????? <a href="#"><img src="images/phone.png"/>充話費</a>
??????? <a href="#"><img src="images/movie.png"/>電影</a>
??????? <a href="#"><img src="images/music.png"/>音樂</a>
??????? <a href="#"><img src="images/game.png"/>游戲</a>
??????? <a href="#"><img src="images/lottery.png"/>彩票</a>
??????? <a href="#"><img src="images/safe.png"/>保險</a>
??????? <a href="#"><img src="images/managemoney.png"/>理財</a>
??????? <a href="#"><img src="images/tickets.png"/>火車票</a>
??????? <a href="#"><img src="images/tour.png"/>旅游</a>
?? ?
??? </div>

</body>
</html>

////////////////////////////萬能運動框架
function getStyle(obj,attr){
?? ?if(obj.currentStyle){
?? ??? ?return obj.currentStyle[attr];
?? ??? ?}
?? ?else{
?? ??? ?return getComputedStyle(obj,false)[attr];
?? ??? ?}
?? ?}
function startMove(obj,attr,iTarget,fn){
?? ?clearInterval(obj.timer);
?? ?obj.timer=setInterval(function(){
?? ??? ?//1.取當(dāng)前的值
?? ??? ?var icur=0;
?? ??? ?if(attr=="opacity"){
?? ??? ??? ?icur=Math.round(parseFloat(getStyle(obj,attr))*100);
?? ??? ??? ?}
?? ??? ?else{
?? ??? ??? ?icur=parseInt(getStyle(obj,attr));
?? ??? ??? ?}
?? ??? ?//2.算速度
?? ??? ?var speed=(iTarget-icur)/8;
?? ??? ?speed=speed>0?Math.ceil(speed):Math.floor(speed);
?? ??? ?//3.檢測停止
?? ??? ?if(icur==iTarget){
?? ??? ??? ?clearInterval(obj.timer);
?? ??? ??? ?if(fn){
?? ??? ??? ??? ?fn();
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ?else{
?? ??? ??? ?if(attr=="opacity"){
?? ??? ??? ??? ?obj.style.filter="alpha:(opacity:"+icur+speed+")";
?? ??? ??? ??? ?obj.style.opacity=(icur+speed)/100;
?? ??? ??? ??? ?}
?? ??? ??? ?else{
?? ??? ??? ??? ?obj.style[attr]=icur+speed+"px";
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ?},30)
?? ?}