JavaScript:

(function ($) {
$.fn.ShowMask = function (options) {
var defaults = {
top: 150,
left: 200
}
var options = $.extend(defaults, options);
$("html").append('<div id="ui-mask"></div><div id="ui-mask-div" style="z-index: 99999;position: fixed;top:' + options.top + 'px;left:' + options.left + 'px;"><img src="Images/ui-loading.gif" alt="" /><span>操作正在进行中,请耐心等待......</span></div>')
_this_ = $("#ui-mask"); _this_.height($(document).height())
_this_.show();
};
$.fn.HideMask = function (options) {
_this_ = $("#ui-mask");
_this_.remove();
};
})(jQuery);

CSS:

#ui-mask
{
background-color: #666;
position: absolute;
z-index:;
left:;
top:;
display: none;
width: 100%;
height: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
#ui-mask-div img
{
width: 50px;
height: 50px;
float: left;
}
#ui-mask-div span
{
height: 50px;
line-height: 50px;
display: block;
float: left;
color: Red;
font-weight: bold;
margin-left: 5px;
}

JavaScript调用:

function btn_save()
{
$(this).ShowMask();
$.post('url',null,function(d,s){
$(this).HideMask();
});
}

大家试试吧!

最新文章

  1. OC与JavaScript的交互
  2. Repeater的Item项绑定DropDownList
  3. maven webjar构建及使用
  4. IIS7.5 在已有的WEB网站上配置FTP发布
  5. Oracle 多表查询优化
  6. Javascript 封装方法
  7. CSS3关于transition过渡
  8. [原创]pg_shard使用场景及功能测试
  9. tcp 多线程与多进程调用close
  10. Android JNI 由C/C++本地代码向Java层传递数据
  11. Myeclipse 设定文件的默认打开方式
  12. jsp 行动标签
  13. 负载均衡软件LVS分析四(测试)
  14. P1137 旅行计划-----洛谷
  15. Openstack(企业私有云)万里长征第一步——安装
  16. Mysql基础教程-Mysql的字符集查看与修改
  17. 微软官方的Excel android 移动版的折腾
  18. 【QT】打开文件对话框,选择路径下文件
  19. Hybrid App中原生页面 VS H5页面(分享)
  20. flex属性的学习

热门文章

  1. oracle 根据身份证号计算出生日期
  2. js待学习
  3. linux 实时监控网速脚本(转)
  4. 解决git 出现 Your account has been blocked问题
  5. grpc使用记录(三)简单异步服务实例
  6. PostgreSQL DISTINCT 和 DISTINCT ON
  7. SNF快速开发平台2019-权限管理模型实践-权限都在这里
  8. [原]JSON 字符串(值)做判断,比较 “string ”
  9. Kafka高级设计和架构,一文深化理解
  10. oracle 涨工资