位置: 编程技术 - 正文

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实现滑动效果)

  • 进项税额转出怎么操作
  • 小规模纳税人免税销售额是含税还是不含税
  • 个税累计免征额
  • 转登记为小规模纳税人未抵扣的进项税额
  • 长期待摊费用做在什么记账凭证里
  • 售后回租有风险吗
  • 应纳税所得额数学
  • 金融债券利息收入免企业所得税吗
  • 公司购买的绿植普票怎么抵扣
  • 财政拨款进项税怎么处理
  • 政府补助怎么开票入账
  • 电子发票如何报销做账
  • 商铺 公司
  • 房地产预收账款结转到主营业务收入
  • 注册资本印花税按实缴还是认缴
  • 个人所得税的速算扣除数是什么意思
  • 出租房产业务企业所得税如何处理?
  • 进口采购交的增值税
  • 软件开发开增票几个点
  • 资产减值损失月末需要结转吗
  • 债权性投资和权益性投资的区别
  • 个人所得税的税率是多少
  • 安装设备领用原材料应该用成本还是公允
  • 普惠性税收优惠政策包括
  • 出口退免税资格备案
  • php中strcmp函数
  • 电冰箱一天用多少电费正常
  • 微软win11预览版
  • 生产物料报废
  • nginx同一个端口设置两个网站
  • php注册和登录界面
  • 微擎框架安装教程
  • 网站更换域名后无法访问
  • 增值税的税目和税率
  • 个人帮公司代持股份
  • 帝国cms界面
  • 如何利用税收经济效应实现税收的宏观调控目标
  • 费用分割单使用范围
  • 兼职人员属于雇主吗
  • 什么是,利息
  • 投资性房地产如何折旧
  • 销售产品的运输费会计分录
  • 计提资产减值准备时,借记的科目是
  • 实收资本什么时候交齐
  • 航天金税服务费280元每年都交吗
  • 采用账龄分析法计提坏账准备时,收到
  • 企业产品研发
  • 一般纳税人纳税申报表
  • 赠送客户样品记什么费用
  • 财政拨款结转是
  • 银行信用贷款发放邮件后多久到账
  • 如何查询公司的营业执照照片
  • 融资租赁本金和租金的区别
  • 多计提的税款会计处理
  • 借主营业务成本贷库存商品什么意思
  • 物业管理企业应具备哪些条件
  • c3p0连接池提供了哪些方式来配置连接池的参数
  • windows7更新80072efe
  • windows2003服务
  • 让windows10蓝屏
  • linux文件与目录
  • centos源码安装软件
  • 晨枫U盘启动工具v2.0
  • 操作系统安全配置一般包括哪些内容
  • centos进入指定目录
  • win7在开始菜单右击
  • win7文件后缀名不全显示
  • apache80端口被占用的解决方法
  • win8分屏快捷键
  • jquery控制display属性
  • python3.5怎么保存
  • unity脚本api
  • js文件保存
  • 生猪屠宰行业
  • 如何在网上查看自己的征信
  • 税务局大厅咨询台
  • 财税咨询服务内容包括
  • 车辆购置税去哪个税务局交
  • 三证合一的资料
  • 江苏省国地税合并
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设