js运动框架和css样式设置应该没问题,这是html部分,但是为什么没动画效果啊??求大神指点,么么哒

来源:7-1 JS动画案例

一个人一首歌0

2016-10-14 11:53

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title></title>
   <link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript" src="js/Move.js"></script>
<script>
   window.onload=function(){
       var div=document.getElementById("move");
       var alist=div.getElementsByTagName("a");
       for(var i= 0;i<alist.length;i++){
           alist[i].onmouseover=function(){
               var im=this.getElementsByTagName("i")[0];
               startMove(im,{top:-80,opacity:0},function(){
                   im.style.top=90+'px';
                   startMove(im,{top:20,opacity:100});
               });
           }
       }
   }
</script>
<body>
<div id="move">
   <a href="#"><i><img src="images/baoxian.png"/></i><p>保险</p></a>
   <a href="#"><i><img src="images/feixing.png"/></i><p>旅游</p></a>
   <a href="#"><i><img src="images/dianying.png"/> </i><p>电影</p></a>
   <a href="#"><i><img src="images/huafei.png"/> </i><p>话费</p></a>
   <a href="#"><i><img src="images/yinyue.png"/> </i><p>音乐</p></a>
   <a href="#"><i><img src="images/youxi.png"/> </i><p>游戏</p></a>
</div>

</body>
</html>

写回答 关注

2回答

  • qq_我行我酷_0
    2016-10-28 11:31:14

    你的 css文件呢?

  • 一个人一首歌0
    2016-10-14 11:58:02

    这是效果图http://img.mukewang.com/580057c30001183502530232.jpg

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113924 学习 · 1443 问题

查看课程

相似问题