jquery.showLoading.js(jQuery遮罩组件) 免费版

jquery.showLoading.js是基于jQuery推出的一款遮罩组件，触发后台程序将前台页面遮住，防止前台页面暴露在用户面前，给予一个程序运行请等待的效果，在jQuery中比较常用的一个组件，需要的朋友可以下载！

基本介绍

开发项目中，前台的页面要发请求到服务器，服务器响应请求返回数据到前台，这段时间，有可能因为返回的数据量较大导致前台页面出现短暂性的等待，此时如果用户因不知情而乱点击有可能造成逻辑混乱，所以此时需要在加载数据中将前台进行提示在加载数据中，利用jquery的遮罩组件可以完成这个功能需求。

showLoading.js使用方法

1、在你的项目中引入对应的资源，主要有以下两个文件：

showLoading.css 和 jquery.showLoading.min.js

2、在页面中引入上面两个文件

showLoading.css 和 jquery.showLoading.min.js

3、在你的页面中声明一个想要用来遮罩的容器，比如自己的一个div，如果需要全屏的话，推荐直接选择body标签即可。

<link href="/css/showLoading.css" rel="stylesheet" media="screen" />

<script src="/js/jquery/jquery.showLoading.min.js"></script>

4、在JS中调用showLoading()和hideLoading()方法。

jQuery('#loading').showLoading();

jQuery('#loading').hideLoading();

5、修改Loading的动画图标，可以修改为自己的gif动画。

.loading-indicator {

height: 80px;

width: 80px;

background: url( '/img/loading.gif' ); //修改此处即可。

background-repeat: no-repeat;

background-position: center center;

}