原创 jQuery插件:NProgress.js网页进度条插件

分类:JavaScript 浏览:7,080次
jQuery插件:NProgress.js网页进度条插件

今天分享一下Jquery 简单大方美观的进度条插件-NProgress中文的使用和说明。

官方地址

下载地址

NProgress.js 是纳米级的进度条插件。拥有逼真的的涓涓细流动画效果来告诉你的用户,
某些事情正在发生。它的灵感来自于谷歌,YouTube,应用了,这款苗条的进度条是完美的,
适用于 Turbolinks,Pjax 以及其他重 Ajax 的应用程序。
下载压缩包nprogress-master.zip
解压后,有nprogress.css、nprogress.js。
在界面引用样式和js脚本。

 <script src='../vendor/jquery-1.10.js'></script>
 <!-- simpletap -->
 <script src='../nprogress.js'></script>

设置教程

NProgress.start();
NProgress.done();

$(document).on('page:fetch',   function() { NProgress.start(); });
$(document).on('page:change',  function() { NProgress.done(); });
$(document).on('page:restore', function() { NProgress.remove(); });

作者: JaneCC最后编辑于:2017-05-17 14:22
坚持把简单的事情做好就是不简单,坚持把平凡的事情做好就是不平凡。所谓成功,就是在平凡中做出不平凡的坚持。

--JaneCC

暂时木有评论啊,等您坐沙发呢!

发表感言