没出现效果

源自：1-1 认识帧动画

<!DOCTYPE html>

<head>

<title>动画demo</title>

</head>

<body>

</body>

</html>

/*--------------------css------------*/

#rabbit{

width:80px;

height:102px;

}

/*------js--------*/

var imgUrl ='rabbit.png';

var positions = ['0 -854','-174 -852','-349 -852','-524 -852','-698 -852','-873 -848'];

var ele = document.getElementById('rabbit');

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 position = positions[index].split(' ');

ele.style.backgroundPosition = position[0] + 'px ' + position[1] + 'px';

index++;

if(index >= positions.length){

index = 0;

}

setTimeout(run,80);

}

run();

}

提问者：离歌笑_0002 2016-06-03 10:30