(function($){

$.fn.showOverlay = function(options){

/*默认配置*/

var defaults = {'switchModel':'click','opacity':'0.5','backgroundColor':'grey'};

var _THIS = $(this);

var opts = $.extend({},defaults, options);

var overlay = document.createElement('div');

$(overlay).attr('id','x-overlay-body');

var overlayStyle = {

'width':'100%',

'height':'100%',

'opacity':opts.opacity,

'background-color':opts.backgroundColor,

'position':'absolute',

'overflow':'hidden',

'z-index':1000,

'top':'0px',

'left':'0px'

};

$(overlay).css(overlayStyle);

document.body.appendChild(overlay);

_THIS.css('z-index','1001');

$(overlay).show();

}

$.fn.unbindOverlay = function(){

if($('#x-overlay-body')) $('#x-overlay-body').remove();

}

})(jQuery)

/*支持传入参数:$(obj).showOverlay({'switchModel':'click','opacity':'0.5','backgroundColor':'grey'})*/

调用方式:$(obj).showOverlay(),$(obj).unbindOverlay()

需要事先引入jquery

python时间控件遮罩层_jquery遮罩层插件相关推荐

  1. python时间控件readonly属性_Selenium2+python自动化----js处理日历控件(修改readonly属性)...

    前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...

  2. python时间控件readonly属性_人生苦短,我学python之python+selenium js处理日历控件(修改readonly属性)...

    转载于 上海-悠悠的博客 前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性 ...

  3. python时间控件readonly属性_13-js处理日历控件(修改readonly属性)

    [TOC] **前言** 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题 ...

  4. python时间控件readonly属性_【Selenium】如何修改只读(readonly属性)元素的值

    现状:目前前端Web页面很多都用到了前端框架,如EasyUI.React.jQuery等等,在这样的大前提下,我们在定位元素时经常会遇到各种困难,如元素只读.元素不可见等等,这篇文章我们重点讲一下只读 ...

  5. python日历gui_python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例...

    PyQt5日期时间控件QDateTimeEdit介绍 QDateTimeEdit是一个允许用户编辑日期时间的控件,可以使用键盘上的上下键头按钮来增加或减少日期的时间值,QDateTimeEdit通过s ...

  6. python+selenium:移除时间控件readonly属性,实现send_keys输入

    参考博客: python+selenium:web端关闭时间控件readonly属性,可直接输入[今天][昨天][任意]时间 类似这样的时间戳控件: 可以看到控件有:readonly 属性[只读] 一 ...

  7. QT控件系列一 | 半透明遮罩弹窗

    QT控件系列一 | 半透明遮罩(弹窗) 文章目录 QT控件系列一 | 半透明遮罩(弹窗) 1.1 前言 1.2 原理(技术点) 1.3 使用 1.4 资源下载 1.1 前言 ​ 我们看Windows桌 ...

  8. robotframe使用之时间控件

    robotframe使用之时间控件 正常的页面,时间控件会写在一个iframe里面,所以robotframework找不到对的ID或者xpath等. 要解决这个问题必选先显示iframe. 使用关键字 ...

  9. AppiumLibrary 时间控件的选择

    AppiumLibrary 时间控件的选择 app自动化测试时,对于滑动的时间控件,很复杂要判断的东西也多. 我这里写个之前做的例子: 先看一下这个控件的图片:我们怎样去设置到指定的时间? 这里我们可 ...

最新文章

  1. java将一个数字转换为数组_Java 数组
  2. linux apache两种工作模式详解
  3. 帆软正则表达式定义规则
  4. 我的算法学习(一)----数组的全排列
  5. 《Android游戏编程入门经典》——1.7节小结
  6. android布局DSL,android – 使用自定义Anko布局DSL解除警报对话框
  7. 数据库崩溃后对redo log的使用
  8. ui设计颜色的使用_UI设计中颜色使用的10条原则
  9. 和谐 平等_平等还是认同?
  10. 深度相机(二)--结构光深度测距
  11. TRF7970A 天线
  12. Oracle中的rownum不能使用大于的问题
  13. C++/C高级数据类型
  14. 【Gym-10167】Is-A,Has-A, Who Knowz-A【图的连通性】
  15. WinForm界面开发教程:DevExpress WidgetView使用介绍
  16. outlook发邮件的服务器,outlook中要求写接收、发送邮件的服务器,应该怎样写?...
  17. java使用水晶报表,java水晶报表实例教程
  18. Mac上编译mingw
  19. 开发中最常用的GitHub上 优秀的 Android 开源项目整理(精品)
  20. echart 动画 饼图_巧用EChart画动态饼图

热门文章

  1. 算法提高 理财计划(java)
  2. ssm整合oracle分页,java实现ssm分页工具类及其使用方法
  3. labview的介绍,安装和卸载
  4. linux ojvm补丁安装,打补丁PSU
  5. linux下java基于UDP编程聊天_基于Linux下的UDP编程
  6. pytorch自定义loss损失函数
  7. pytorch 保存、加载模型
  8. scrapy配合selenium爬取需要反复操作同一个动态页面的方法,解决点击“下一页”但是URL相同的网站
  9. php获取当前几点,学习猿地-php 怎么获取当前几点
  10. 小程序php生成海报,小程序用canvas绘制海报的做法