javascript 弹出模式窗口并锁屏,后面层变灰

转载于 2019-08-06 18:09:16 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cm8448940/archive/2008/09/27/1300268.html

本文介绍了一种在网页中实现锁屏功能的方法，通过JavaScript创建和控制锁屏Div元素，可以自定义宽度、高度和背景透明度，适用于需要临时锁定用户操作的场景。

//********* 锁屏DIV ***************************
function LockScreen(tag,title,width,height,url)
{
    if (tag) //锁屏
    {
        var lockdiv = document.getElementById("lockscreen");
        if (lockdiv!=null)
        {
            lockdiv.style.display = "block";
            var subdiv = document.getElementById("subdialog");
            if (subdiv!=null)
            {
                subdiv.style.display = "block";
                document.getElementById("dialog1").src = url;
            }
        }else{
            //创建新的锁屏DIV,并执行锁屏
            var tabframe= document.createElement("div");
            tabframe.id = "lockscreen";
            tabframe.name = "lockscreen";
            tabframe.style.top = '0px';
            tabframe.style.left = '0px';
            tabframe.style.height = '100%';
            tabframe.style.width = '100%';
            tabframe.style.position = "absolute";
            tabframe.style.filter = "Alpha(opacity=10)";