javascript创建页面蒙板的一些知识技巧总结第3/3页

更新时间：2007年08月19日 12:12:45 作者：

(4)设置了background且设置蒙板全透明(0%)的div蒙板。{背后元素可见但不可操作}

(5)使用div生成的蒙板不能遮盖select，但能遮盖iframe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">     <head>     <title></title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <input type="button" onclick="pop()" value="弹出遮罩层" /> <input type="text"  value="输入框" /> cccccccccccccccc <p>aaaaaaaaaaaa</p> <p>bbbbbbbbbbbbbbbb</p> <select id=""> <option>xxxxxxxxxxxxxx</option> </select> <iframe id="" src="http://www.baidu.com" width="100%" height="300"></iframe> <script type="text/javascript">  </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

(6)使用全透明的iframe生成蒙板。{可遮盖select：自动隐藏select}

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

(7)div+iframe遮盖局部select。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">     <head>     <title></title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <style type="text/css">         *{margin:0px;padding:0px}     </style> </head> <body> <input type="text" id="inbox" style="height:20px;width:140px;line-height:20px;position:absolute;top:50px;left:50px" value="点击我遮盖下面的输入框" onclick="pop()" onblur="undoPop()" /> <select id="" style="position:absolute;top:80px;left:50px"><option>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</option></select> <script type="text/javascript">  </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一页 1 23阅读全文

您可能感兴趣的文章:

javascript创建页面蒙板的一些知识技巧总结

运用js教你轻松制作html音乐播放器
这篇文章主要为大家详细介绍了如何运用js教你轻松制作html音乐播放器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
微信小程序swiper禁止用户手动滑动代码实例
这篇文章主要介绍了微信小程序swiper禁止用户手动滑动代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-08-08
颜色渐变效果
[蓝色]颜色渐变效果...
2006-07-07
浅谈JS如何写出漂亮的条件表达式
条件表达式，是我们在coding过程中永远躲不开的问题，也是我们骗代码行数最方便的东西，但作为一名程序员，我们也要追求自己的“信达雅”，下面就让我们看看以下几种常见的条件表达场景，如何写的漂亮！
2021-05-05
js a标签点击事件
本文将详细介绍a标签上的点击事件的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
2017-03-03
详解ES6中的三种异步解决方案
这篇文章主要介绍了详解ES6中的三种异步解决方案，详细的介绍了这三种方案的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
director.js实现前端路由使用实例
这篇文章主要介绍了director.js实现前端路由使用实例,director.js是最纯粹的路由注册/解析器,它在不刷新页面的情况下,利用“#”符号组织不同的URL路径,需要的朋友可以参考下
2015-02-02
微信小程序如何获取图片宽度与高度
这篇文章主要给大家介绍了关于微信小程序如何获取图片宽度与高度的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
微信小程序实现音乐播放页面布局
这篇文章主要为大家详细介绍了JS实现京东商品分类侧边栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
关于Promise 异步编程的实例讲解
下面小编就为大家带来一篇关于Promise 异步编程的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09