如何用js实现加载上升的loading效果

如何写出js水平线上升加载效果

前期准备:需要一张水平线荡漾图片,格式为png或svg

代码实现如下：

$(document).ready(function(e) {

var n=0,t=100,num=0

function toleft(){

if(n>-200){

$(".circle img").css()

}else

}

var tleft=setInterval(toleft,3)

function totop(){

$(".circle img").css()

}else

}

var ttop=setInterval(totop,100)

function numup(){

if(num

num++

}else{

num=0

}

$(".circle span").html(num+"%")

}

var tnum=setInterval(numup,100)

});

body

.circle

.circle img

.circle span

无标题文档

实践是检验真理的唯一标准

那就利用中午时间试试吧

最后衷心祝愿

同学们学习工作都顺利！

还想了解哪些知识都可以留言给我

时刻提醒自己

不抱怨，多实践，终达成功彼岸！

我的座右铭：不能领跑也绝不放弃！