简单易用的jquery加载进度插件
NProgress是一个简单易用的jquery加载进度插件,使用它可以让网页显示一个动态的加载进度条,当网站页面全部加载完成时,进度条自动隐藏。
演示网址:http://ricostacruz.com/nprogress/
下载网址:https://github.com/rstacruz/nprogress/archive/master.zip
使用方法,在页面代码</head>前面加入jquery库的引用,如果已经引用则忽略此步骤,然后把下面的代码复制到</head>前面,注意JS文件和CSS文件的引用路径要写正确。
<script src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>
<script>$(function(){NProgress.start();});$(window).load(function(){NProgress.done();})</script>
演示网址:http://ricostacruz.com/nprogress/
下载网址:https://github.com/rstacruz/nprogress/archive/master.zip
使用方法,在页面代码</head>前面加入jquery库的引用,如果已经引用则忽略此步骤,然后把下面的代码复制到</head>前面,注意JS文件和CSS文件的引用路径要写正确。
<script src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>
<script>$(function(){NProgress.start();});$(window).load(function(){NProgress.done();})</script>
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/web/loading.html
- 上篇文章:水晶DJ舞曲外链获取软件分享
- 下篇文章:集截图屏幕录像图片编辑文件上传于一体的实用工具