<input type="button" name="ss" value="cc" onclick="openNewDiv()" />
<SCRIPT language="javascript" type="text/javascript">
var docEle = function()
{
return document.getElementById(arguments[0]) || false;
}
function openNewDiv()
{
var m = "mask";
if (docEle(m)) document.body.removeChild(docEle(m));
//mask遮罩层
var newMask = document.createElement("div");
newMask.id = m;
newMask.style.position = "absolute";
newMask.style.zIndex = "1";
_scrollWidth = Math.max(document.body.scrollWidth,document.documentElement.scrollWidth);
_scrollHeight = Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
newMask.style.width = (_scrollWidth-20) + "px";
newMask.style.height = (_scrollHeight-20) + "px";
newMask.style.top = "0px";
newMask.style.left = "0px";
newMask.style.background = "#e8e8e8";
newMask.style.filter = "alpha(opacity=40)";
newMask.style.opacity = "0.40";
newMask.innerHTML ="<div align='center' style='margin-top: 80px;'><img src='..//loading.gif' width='16' height='16' style='CURSOR: pointer'><br/><br/><font color='#ff0000'><b>请等待.......</b></font><div>";
document.body.appendChild(newMask);
}
</SCRIPT>
分享到:
相关推荐
非常好用的jquery弹出框,也可做弹出层,遮盖层
jquery的遮盖层代码,简单易用,方便使用,哈哈 规范化
JS+CSS遮盖层,完全支持ie等主流浏览器,并解决在ie6下无法遮盖窗口级控件问题。
JavaScript经典案例,实用素材。。。。。。。。。。。。。
javascript写的页面遮盖层,可根据具体情况自己设定或改写,能够根据不同的情况集体设定。
点击用户登陆弹出对话框并遮罩背景 拖动滚动条两个层位置变化(如果不使用该段代码,当用户拖动滚动条遮罩层不能覆盖整个页面,对话框层也不能位于页面中间)
身份证格式验证,js遮盖层显示和隐藏
防遮盖JQUERY对话框,避免对话框被FLASH,视频等遮盖
javascript实现遮盖层效果 点击登陆后弹出小登陆窗口 原页面可见但是不能操作!
jQuery popup javascript 弹出窗口 可遮盖IE6的select 点击其它地方自动隐藏 兼容IE,FF等浏览器
Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 ...
今天我们要来分享一款基于jQuery的弹出层对话框插件,该插件包含多种对话框类型,比如提示框、确认框等。更为实用的是,这款jQuery对话框中的按钮事件也可以被我们所捕获,从而相应对话框按钮的各种事件,用起来非常...
Jquery遮盖BlockUI 等待提示。。。。
示例的目的是iframe中弹出窗口后,遮罩层能遮盖整个可视区域,能让弹出层返回参数到iframe页面,也可以在弹出层直接提交,直接提交用jquery.form.js插件。 代码有详细注释,麻烦慢慢琢磨,有问题可qq联系,505074122
NULL 博文链接:https://tangdonnaui.iteye.com/blog/548289
NULL 博文链接:https://youzhibing.iteye.com/blog/2128287
jQuery手机端遮罩弹出菜单代码是一款基于jQuery HTML5实现的手机移动端模态窗口弹出层代码。
jquery.bgiframe.js,解决ie6里边的select遮盖浮动框的问题。
用CSS和Javascript实现的DIV遮照飘浮层 通过点击按钮显示半透明遮盖层以及信息层 用CSS实现的固定飘浮,以及用Javascript实现的定位飘浮 用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现...
基于vue开发的popup 的mixins 用于管理弹出框的遮盖层