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

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

WBOY
WBOYasal
2016-05-16 16:48:571320semak imbas

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

复制代码 代码如下:



弹出一个窗口后,后面的层不可操作
<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>




点击关闭

点击试试



 
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn