如何用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

无标题文档

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

那就利用中午时间试试吧

最后衷心祝愿

同学们学习工作都顺利!

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

时刻提醒自己

不抱怨,多实践,终达成功彼岸!

我的座右铭:不能领跑也绝不放弃!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181213G0JWYH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券