位置: 编程技术 - 正文

jquery实现简单的遮罩层(jquery使用教程)

编辑:rootadmin

推荐整理分享jquery实现简单的遮罩层(jquery使用教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery实战,jquery的实现原理,jquery简单例子,jquery实战,jquery怎么写,使用jquery实现的项目,jquery技巧,用jquery,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲解了jquery遮罩层,包括遮罩层的不同样式实现、mask实现遮罩层等,分享给大家供大家参考,具体内容如下

一、jQuery实现遮罩层的不同样式1.1 背景半透明遮罩层样式需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式:

1.2 jQuery实现遮罩

1.3 提示框遮罩的目的无非让人无法操作内容,突出提示框,而提示框可参考上面的制作,z-index比遮罩层更高便可。主要问题是,如何控制提示框在浏览器居中。

jquery实现简单的遮罩层(jquery使用教程)

二、Jquery超简单遮罩层实现代码在开发中,为了避免二次提交,遮罩层的运用越来越普遍看了很多代码,下面跟大家分享一下我认为最简单的遮罩层实现方式:1.样式如下设置:CSS代码:

其中:opacity:0.5;适用于IE, -moz-opacit:0.5;适用于火狐;你只需要都加上,便可以火狐和IE下都可以使用。2.指定层的高度、和宽度js代码

3.在<body>中加入如下代码,然后就可以看到效果

html代码

4.使用方法在ajax提交表单后,加上showMask方法,数据返回后,加上hideMask()需要的亲们可以根据自己需求,在遮罩层上面加一些提示信息

三、发布个JQuery的遮罩层实现(mask)

用过ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我们的使用。其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现,增加客户体验。由于最近做项目的时候,发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来,觉得有点不划算,于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架,不但体积小而且使用方便,我现在逐渐将系统中使用Extjs实现的代码或组建全部更换成Jquery来实现。好了不多说,上我的代码,这些代码是根据网上的一位朋友实现的documentMask基础上进行整改的,使用上更加灵活方便了。

下面是使用实例代码可供参考

标签: jquery使用教程

本文链接地址:https://www.jiuchutong.com/biancheng/384669.html 转载请保留说明!

上一篇:javascript多物体运动实现方法分析(js实现物体移动)

下一篇:javascript运动框架用法实例分析(实现放大与缩小效果)(js实现滑动效果)

  • 交强险怎么报销流程
  • 实收资本印花税税率多少
  • 企业支付宝要交哪些税
  • 所得税费用是哪类科目
  • 融资租赁可以确认为资产吗
  • 销项税现金流量指定
  • 增值税减免所得税填在哪一栏
  • 自产自用的资源税记入
  • 已认证未入账的分录
  • 废料账务处理
  • 无息银行承兑汇票
  • 公司还没有核税该如何进行业务汇款?
  • 代办会议费是否允许差额纳税
  • 增值税负数如何计算
  • 农业企业销售林木是否要交印花税?
  • 采购合同含税未税合同模板
  • 7月1日前购进的农产品如何抵扣
  • 财税[2012]15
  • 股票交易的印花税和手续费是多少
  • 企业筹建期间开办费计入什么科目计入借方还是贷方
  • 政府委托代建的房地产公司是否可以开立农民工工资
  • 生产型企业进出口初申报流程
  • 银行现金日记账表格
  • 小规模纳税人如何交增值税
  • 成本计算错误如何应对
  • 收回物资的加工成本
  • php怎么上传多个图片
  • 硬盘安装系统方法
  • 大理石横切面
  • 观察者模式 mvc
  • fbembed.dll
  • 利尼扬蒂野生动物保护区中的一只雄性豹子,博茨瓦纳 (© Karine Aigner/Tandem Stills + Motion)
  • ajax调用php接口
  • 知识图谱实现方案
  • 自动化测试是怎样的
  • js如何把字符串转换成数字
  • opencv图像识别特定形状
  • vports命令怎么用
  • python怎么求列表里的和
  • dedecms进入数据库
  • 党费结算标准
  • 二级栏目怎么做
  • 个人重组债务怎么交税
  • 为客户购买的机票怎么入账
  • win10下安装win7启动不了
  • mysql乱码问题怎么解决
  • 服务器配置mysql
  • 小规模增值税为负数怎么报税
  • 一般纳税人销售旧货税率
  • 纳税对象的类型不包括
  • 挂靠设计公司费用标准如何记账?
  • 暂估商品入库 后收到发票怎么做分录
  • 收到代持股权的账务处理
  • 应付账款周转率越大说明什么
  • 收据大写后面的字怎么写
  • 当期不得免征和抵扣税额
  • 发票怎么保管不会坏
  • 购入房屋建筑物进项税额抵扣
  • 月报怎么填
  • 一个基于口令的用户身份认证基本过程是怎样的?
  • WIN10开始菜单点击鼠标右键没反应的处理方法
  • xp安装声卡驱动
  • logo是什么文件夹
  • 电脑更新windows11后开机一黑屏
  • windows如何关闭
  • “0x018b0b20”指令引用的“0×00000000”,该内存不能为“written”问题解决方法
  • schedul2.exe - schedul2是什么进程 有什么用
  • win7屏幕颜色变了怎么恢复
  • win8经典模式
  • win8任务栏设置在哪
  • win10系统的文件夹选项在哪里
  • 如何在linux中安装软件
  • linux 防火墙原理
  • cocos2dx菜鸟教程
  • javascript中声明变量的关键字
  • 摄像机跟随与摄像的区别
  • jquery解析json数据
  • js下拉菜单的制作方法
  • 我的世界服务器怎么创建
  • 奔驰购置税多少钱
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设