首页  >  文章  >  web前端  >  js实现弹出窗口、页面变成灰色并不可操作的例子分享_javascript技巧

js实现弹出窗口、页面变成灰色并不可操作的例子分享_javascript技巧

WBOY
WBOY原创
2016-05-16 16:48:571288浏览

如果你还不会,可以看看下面这个简单的例子。

复制代码 代码如下:



弹出一个窗口后,后面的层不可操作
<script><br>function show()  //显示隐藏层和弹出层<br>{<br>   var hideobj=document.getElementById("hidebg");<br>   hidebg.style.display="block";  //显示隐藏层<br>   hidebg.style.height=document.body.clientHeight "px";  //设置隐藏层的高度为当前页面高度<br>   document.getElementById("hidebox").style.display="block";  //显示弹出层<br>}<br>function hide()  //去除隐藏层和弹出层<br>{<br>   document.getElementById("hidebg").style.display="none";<br>   document.getElementById("hidebox").style.display="none";<br>}<br></script>




点击关闭

点击试试



 
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn