请选择 进入手机版 | 继续访问电脑版

蓝冰网

 找回密码
立即注册
查看: 81|回复: 0

jquery顶部加载进度条,YouTube一样的控件代码

[复制链接]

19

主题

22

帖子

428

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
428
发表于 2021-10-6 13:17:50 | 显示全部楼层 |阅读模式
jquery顶部加载进度条,YouTube一样的控件代码




先引用必要的js和css
  1. <script type="text/javascript" src="/assets/js/jquery.loadingbar.js"></script>
  2. <link rel="stylesheet" type="text/css" href="/assets/css/loadingbar.css" />
复制代码
写入必要的标签
  1. <a href="https://www.lbhao.com"  id="clickme">Load Test Data</a>
复制代码
写入必要的js:
$("#clickme").loadingbar({
  complete: function(xhr, text) {console.log(this.url);},//可以获取到url,即https://www.lbhao.com,console.log(this.url);填写自己的逻辑代码
  error: function(xhr, text, e) {console.log(this.url);},//可以获取到url,即https://www.lbhao.comconsole.log(this.url);填写自己的逻辑代码
  success: function(data, text, xhr) {console.log(this.url);},//获取不到url
  done: function(data) {console.log(this.url);}//获取不到url
});



结束战斗,看效果图:


原站点压缩包下载地址:点击下载

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|蓝冰网 ( 豫ICP备13009983号-1 )

GMT+8, 2021-10-25 02:16 , Processed in 0.070432 second(s), 19 queries .

Powered by 蓝冰网

Copyright © 2011-2021

快速回复 返回顶部 返回列表