位置: 编程技术 - 正文

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

  • 怎么计提坏账准备到本年利润
  • 从香港向境外汇款怎么汇
  • 哪些东西要征收消费税
  • 发票专票抵扣
  • 双定户经营所得用申报吗
  • 购买办公用品为什么不能用现金
  • 资产计提折旧的科目
  • 企业房屋折旧年限规定
  • 个人非税收入包括哪些
  • 对外支付代扣代缴企业所得税
  • 建筑劳务适用税率
  • 电子承兑汇票接收和转出步骤
  • 公司买车付首付款个人还贷怎么做会计分录
  • 固定资产本期折旧额与上期不一样
  • 出口押汇与打包押汇区别
  • 发票边上的虚线是什么
  • 其他应付款借方余额表示什么
  • 递延所得税怎么计提
  • 核定征收和定期定额的区别
  • 津贴证明是让单位开吗
  • 个税申报时个人怎么填
  • 上一年度多交年度所得税可以退税吗
  • 投资公司抛售原始股如何交税?
  • 固定资产入账的方式
  • 华为手机麦克风在哪里
  • linux服务器常用操作命令
  • 打开软件窗口后如果没有出现属性面板可执行
  • 新税法中工资薪金的规定
  • 各种主板bios中文设置图解
  • 呆滞品报废入什么科目
  • 企业购入固定资产一次性税前扣除
  • 以公允价值计量是什么意思
  • 定向增发后送股成本价
  • file*fp什么意思
  • 以旧换新直接给钱吗
  • 腾达路由器桥接的方法
  • php流程引擎
  • php声明一个类
  • 房改转移什么意思
  • Web前端开发用什么软件
  • 研发和技术服务税率由6%变为3%
  • 网页视频不显示画面
  • btrfs 读取
  • php socket_write
  • 注销退税资格申请报告模板
  • 长期资产的减值会影响CFO吗
  • 公司设计费会计分录
  • 应税消费品含税吗
  • 税控盘减免税款冲减管理费用
  • 跨年度退货账务处理
  • 会计凭证的填制与审核实训总结
  • 捐赠出去的固定资产需要继续折旧吗
  • 银行固定资产有哪些
  • sql server2008启动
  • mysql命令行配置
  • u盘启动怎么制作 u极速一键制作u盘启动图文教程
  • xp系统net framework 3.5
  • 如何安装vista
  • 硬盘安装后不显示
  • freebsd的软件管理工具ports详解
  • win8最新版本
  • winxp开启远程桌面连接
  • linuxzen
  • skynetave.exe - skynetave是什么进程 有什么用
  • Win10应用程序无法正常启动0xc000007b
  • 微软2021年新系统
  • css全局样式基础代码
  • 微信小程序实现查询功能
  • flash和javascript
  • [置顶] 转载自官方-unity5.0正式发布了,看看带来哪些重要的新特性!
  • activity与fragment的通信
  • jq cookie
  • 收购烟叶可抵扣进项税
  • 哈尔滨工业大学录取分数线2023年
  • 公司权责清单范围
  • 河南税务局退税流程
  • 进项税发票过期了怎么办
  • 怎么批量打开excel文件
  • 山西土地增值税清算
  • 消费税,资源税,城市建设维护税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设