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

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

WBOY
Lepaskan: 2016-05-16 16:48:57
asal
1313 orang telah melayarinya

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

复制代码 代码如下:



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




点击关闭

点击试试



 
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan