js实现遮罩层弹出框的方法_javascript技巧
程序员文章站
2022-05-04 18:25:42
...
本文实例讲述了js实现遮罩层弹出框的方法。分享给大家供大家参考。具体分析如下:
昨天公司网站需要弹窗提示一些信息,要我在把弹窗的js代码和弹窗窗口html写在一起哪里需要就调用
不说那么多了,直接上代码,感觉肯定会有兼容问题,看到了请指出啊:
复制代码 代码如下:
var div_X = (pageWidth - 400) / 2 + scrollLeft;
var div_Y = (pageHeight - 200) / 2 + scrollTop;
var objDiv = document.getElementById(popupId);
if (status) {
document.getElementById(contentId).style.background = "url($Root/Assets/Images/ui_success.png) no-repeat 20px 50%";
}
document.getElementById(contentId).innerHTML = msg;
objDiv.style.display = "block";
objDiv.style.left = div_X + "px";
objDiv.style.top = div_Y + "px";
autoClose(popupId);
}
希望本文所述对大家的javascript程序设计有所帮助。
上一篇: Access中使用sql查询_PHP教程
推荐阅读
-
JS简单实现点击按钮或文字显示遮罩层的方法
-
在vue中实现点击选择框阻止弹出层消失的方法
-
JS实现简单的顶部定时关闭层效果_javascript技巧
-
js 弹出框只弹一次(二次修改之后的)_javascript技巧
-
利用js实现遮罩以及弹出可移动登录窗口_javascript技巧
-
js利用事件的阻止冒泡实现点击空白模态框的隐藏_javascript技巧
-
js实现防止被iframe的方法_javascript技巧
-
js setTimeout实现延迟关闭弹出层_javascript技巧
-
用PHP实现弹出消息提示框的两种方法_php技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧