Java元宵趣图_模仿百度首页“元宵节汤圆”动图（js的定时任务：setInterval）

request.setAttribute("ctxpath", ctxPath);//项目根路径

%>

--%>

首页

setInterval("tangyuan()",100);

setInterval("tangyuan1()",100);//setInterval("indexChange()",1);

});//汤圆 正着挖

var count = 0;

function tangyuan(){

count= count - 270;if(count == -8370){

count= 0;

}var ctxpath = '${ctxpath}';//url("https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/1519708766000_4f5d68844a93b929405a11d217ef0bf5.png")//https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/1519708766000_4f5d68844a93b929405a11d217ef0bf5.png

$("#tangyuan").css("background","url("+ctxpath+"/img/baidu/baidu_tangyuan.png)"+count+"px"+"0px no-repeat");

}//汤圆 倒着挖

var count1 = -8370;

function tangyuan1(){

count1= count1 + 270;if(count1 == 0){

count1= -8370;

}var ctxpath = '${ctxpath}';//url("https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/1519708766000_4f5d68844a93b929405a11d217ef0bf5.png")//https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/1519708766000_4f5d68844a93b929405a11d217ef0bf5.png

$("#tangyuan1").css("background","url("+ctxpath+"/img/baidu/baidu_tangyuan.png)"+count1+"px"+"0px no-repeat");

}

汤圆我要正着挖(●ˇ∀ˇ●)：

汤圆我要倒着挖o(*￣︶￣*)o：