想知道简单的 javascript 将 div 覆盖在页面中心。
只想使用纯java脚本来显示和隐藏页面中心的div并带有“请稍候...”消息并禁用背景。此 div 还应显示在页面其他内容的顶部。
我的 div 看起来像这样
<div id='mydiv' style="display:none;" ><img src="myimg.gif" /> Please Wait... </div>
单击按钮时,我想显示在页面上对齐的 div 内容中心。
我不想使用 jquery、extjs 等来实现此目的。
我在网上看到了一些示例,其中在模式弹出窗口中添加了许多其他功能,只是在寻找简单干净的东西。执行此操作所需的最低限度的 JS。
最佳答案
要显示的div需要有一个ID:
<div id="loaderdiv">
然后在 JavaScript 中,使用以下代码显示此 div:
document.getElementById("loaderdiv").style.display = '';
这是您需要的最低限度。
可以使用 CSS 使图像居中:
<div style="position:absolute;top:50%;left:50%;margin-top:-[imgheight/2]px;margin-left:-[imgwidth/2]px">
关于javascript 覆盖居中对齐的模态弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/569149/