js代码是否有问题没有效果

来源:1-1 认识帧动画

慕粉15711172269

2016-10-20 22:26

var imgUrl = 'a.jpg';
var positions = ['0 -184','0 -276','0 -368','0 -460'  ];
var ele=document.getElementById("boy");

animation(ele,positions,imgUrl);
function animation(ele,positions,imgUrl){
   ele.style.backgroundImage='url('+imgUrl+')';
   ele.style.backgroundRepeat='no-repeat';
   var index = 0;

   function run (){
      var positions=positions[index].split('');
       ele.style.backgroundPosition=positions[0]+'px'+positions[1]+'px';
       index++;
       if(index>=positions.length){
           index=0;
       }
       setTimeout(run,80);
   }
   run();
}

写回答 关注

2回答

  • 慕尼黑3917127
    2016-10-25 17:13:00
    已采纳

    哦哦哦。

    慕粉1571...

    非常感谢!

    2016-10-28 19:46:11

    共 1 条回复 >

  • 慕尼黑3917127
    2016-10-25 17:10:39

    split('')这里错了,应该是split(' '),空格少了

    慕粉1571...

    问题后来找到了px后没有空格

    2016-10-25 17:11:57

    共 1 条回复 >

原生 JS 实现帧动画库

了解如何用原生JS实现酷炫的帧动画,吸引他她的注意

47184 学习 · 92 问题

查看课程

相似问题