位置: 编程技术 - 正文

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

  • 如何修改纳税申报密码
  • 价外费用纳税义务发生时间
  • 企业增值税是什么科目
  • 标书费没有发票收据可以入帐吗
  • 利息费用如何在记账软件输入
  • 增值税税率调整为9%
  • 社保税款所属期限什么意思
  • 怎么报企业所得税季报
  • 个人开劳务发票怎么开
  • 办理企业所得税退税
  • 资本公积与什么有关
  • 其他公司归还货款会计分录
  • 增值税没达到起征标准
  • 纳税人提供不动产租赁服务采取预收款方式
  • 建筑工程伙食费包括什么
  • 免抵退说
  • 公司购买的矿泉水属于什么科目
  • 资管产品增值税征收管理规定
  • 汇算清缴需要调增的费用
  • 股权转让未分配利润如何做账
  • 本月报销能用下月报销吗
  • 外包人员培训费入什么科目
  • 土地作价入股土地如何过户
  • 2021新版win10
  • 用友软件查其他业务收入怎么查
  • 出口退税会计分录例题
  • 小规模餐饮企业增值税申报表填写
  • 厂商退货款差额怎么算
  • 公司出售已经提完折旧的机器
  • uniapp微信小程序头像获取与服务器对接
  • 新企业会计准则是哪一年颁布的
  • 游戏运营服务是做什么的
  • 用土地抵账合法吗
  • 塔河流域
  • php一个页面多个分页
  • 申请减免费用的报告格式
  • 年检车辆检测费
  • 车船税为什么没有发票
  • 小规模纳税人通行费电子普票能抵扣吗
  • 应交税费年末有余额怎么处理
  • phpcms插件
  • python中self详解
  • 钢材贸易公司如何经营
  • 一般纳税人和小规模纳税人的区别
  • 无形资产摊销一经确认不得转回
  • 个人所得税的征收
  • 企业注册资本的规定
  • mysql官方性能报告
  • 企业找审计是为了什么
  • 进项税额转出的所有会计分录
  • 事业单位劳务派遣是啥意思
  • 上个季度增值税报错了
  • 个体户所得税税率多少
  • 代收代缴水电费如何开票
  • 跨年度暂估成本的账务处理
  • 注册资金没有到位
  • 认证的进项退税怎么操作
  • 企业筹建期的开办不少于多少年
  • 工伤误工费标准是按照社平工资来算的吗
  • 如何办理公司注册地址变更
  • mysql 索引 语句
  • 好用的sql工具
  • centos怎么设置
  • nvidia发布了G6X
  • windows取消ctrl+alt+del
  • win2003取消自动锁定
  • mac触控板设置在哪
  • ubuntu touch怎么刷入
  • win8 侧边栏
  • 延迟windows更新
  • cocos2dx入门
  • jquery插件使用教程
  • android判断横竖屏
  • jquery图片轮播无缝连接
  • js中dom的用法
  • 容易混淆的词汇
  • android 标签栏
  • 国家税务局科员属于什么级别
  • 残疾人保障金税前扣除规定
  • 湖南 资源税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设