位置: 编程技术 - 正文

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

  • 发票专用章号码是老号码还能用吗
  • 购买汽车的印花税要计入汽车原值吗
  • 收到发票怎么写收据
  • 理财产品分红和不分红的区别
  • 个税代扣代缴手续费返还 申请
  • 6月份的申报期是几号
  • 17点是多少点
  • 中小企业开业税务登记所需资料
  • 研究开发费用的加计扣除100%
  • 融资租赁方式租出的固定资产
  • 缓缴税款到期缴纳填主表第几行
  • 收到电子承兑汇票的账务处理
  • 牵引车需要交车船税吗
  • 支付境外销售佣金怎么做
  • 商品混凝土的增值税费率
  • 2017年金税盘服务费已全额减免,勾选系统怎么处理
  • 合并起来
  • 增加实收资本印花税税目
  • 股份利润怎么分
  • 简易征收工程款可以抵扣吗?
  • 企业在外地的房产怎么办
  • 先开票后预缴能退吗
  • office已经激活
  • 增值税发票遗失证明模板
  • 华为鸿蒙怎么打开5g
  • 收到政府的专项资金
  • 收回已核销的坏账并入账是什么意思
  • 企业类型主要有
  • 网络平台的收入怎么算
  • win11怎么用win10界面
  • 企业注销时无力缴纳社保
  • 芦荟的功效与作用治什么病
  • 预算会计的核算范围
  • 克拉莫16首
  • 显示器显示频率设置
  • 资金支出预算的项目
  • php对象的概念
  • 小规模纳税人应纳增值税额的计算
  • 前端 原生
  • YII视图整合kindeditor扩展的方法
  • 未拿到发票怎么做账
  • 外管证注销后发票还可以重开吗?
  • 主营业务成本可以设置二级科目吗
  • 向股东免息借款怎么做账
  • 织梦使用手册
  • 电子发票可以作废吗?当月
  • 怎么在网上申请信用卡
  • 餐饮行业经营模式有哪些
  • 大公司要求小规模公司交税
  • 经营租入的设备属于什么会计要素
  • 企业怎么开启承兑业务
  • SQL Server 2012 FileTable 新特性详解
  • Access数据库文件以什么作为文件后缀名
  • 一整天的时间从几点到几点
  • 研发人员工资是实发还是应发
  • 出口企业样品收入分录
  • 融资租赁首付款的性质
  • 取得股东借给公司股权
  • 期末账面余额是什么意思
  • 需求价格弹性是ep还是ed
  • 应交税费对应的会计科目
  • 什么是建账户
  • ubuntu git not found
  • arch linux安装yay
  • winvnc.exe进程是什么
  • 去掉快捷功能
  • xp 跳过 chkdsk
  • ubuntu tc
  • windows7磁盘清理命令
  • Win10 Mobile/PC/HoloLens一周年更新14389曝光
  • Win10年度升级版将正式提供暗黑主题 未自定义颜色都会变暗
  • ie6浏览器兼容模式怎么设置在哪里
  • 安卓笔记软件squid使用教程
  • javascript 二维码
  • 批处理中copy怎么用
  • 湖北省电子税务局操作指南
  • 江苏契税补贴怎么领取
  • 电信部门可以知道通话内容吗?
  • 告知承诺和非告知承诺
  • 小规模纳税人开专票税率是1%还是3%
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设