javascript - 写的js文件不运行
本文介绍了javascript - 写的js文件不运行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!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>
解决方案
运行了,还运行的很好,我把position改为positions=['0 1','2 3','4 5','6 7','8 9','10 11'];就能看到图片了,貌似你数字太大了
这篇关于javascript - 写的js文件不运行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文