写的js文件不运行

发布于
2016-11-10

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="demo.css">

</head>
<body>
   <div id="rabbit"></div>
   <!--<script src="demo.js"></script>-->
   <script>
       /**
        * Created by 22935 on 2016/11/10.
        */
       var imgUrl='rabbit-big.png';
       var ele=document.getElementById("rabbit");
       var positions=['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];
       animation(ele,positions,imgUrl);

       function animation(ele,positions,imgUrl) {
           ele.style.backgroundImage="url("+imgUrl+")";
           ele.style.backgroundRepeat="no-repeat";
           alert("haha");
           var index=0;
           function run() {
               var position=positions[index].split(' ');
               ele.style.backgroundPosition=position[0]+"px "+position[1]+"px";
               index++;
               if(index>=positions.length){
                   index=0;
               }

               setTimeout(run,80);
           }
           run();

       }
   </script>
</body>
</html>

javascript

阅读 2.5k

2 个回答

得票最新