博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery超简单遮罩层实现代码
阅读量:7239 次
发布时间:2019-06-29

本文共 281 字,大约阅读时间需要 1 分钟。

hot3.png

1.样式如下设置:

CSS代码

其中: opacity:0.5;适用于IE, -moz-opacit:0.5;适用于火狐;你只需要都加上,便可以火狐和IE下都可以使用。

2.指定层的高度、和宽度。

js代码

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

html代码

点我显示遮罩层

4.使用方法:

在ajax提交表单后,加上showMask方法,数据返回后,加上hideMask()

需要的亲们可以根据自己需求,在遮罩层上面加一些提示信息

转载于:https://my.oschina.net/meng527/blog/917149

你可能感兴趣的文章
浏览器桌面通知(notifications)
查看>>
让Sqlite脱离VC++ Runtime独立运行
查看>>
android自动打包方法(ant+proguard+签名)
查看>>
EXP的flashback_scn和flashback_time
查看>>
开机就提示“请安装TCP/IP协议,error=10106”的解决的方法
查看>>
【分享】谁偷走了我的大学
查看>>
MyBatis的Dao层注入SqlSession
查看>>
移动端重构系列12——popup
查看>>
Linux重启命令与如何重启网络?
查看>>
Vim杂记:Sublime的配色方案
查看>>
Android常用功能代码块(转)
查看>>
WP8_ListBox的用法
查看>>
【BZOJ】1664: [Usaco2006 Open]County Fair Events 参加节日庆祝(线段树+dp)
查看>>
Hadoop的调度器总结
查看>>
Web前端开发资源集锦
查看>>
[转]php的public、protected、private三种访问控制模式的区别
查看>>
iOS开发之手势识别
查看>>
说说Spring中的WebDataBinder
查看>>
每日一句(2014-9-29)
查看>>
标头“Vary:Accept-Encoding”指定方法及其重要性分析
查看>>