Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-20 20:29:46

js遮罩层 jquery 遮罩层 jquery 弹出遮罩层网页遮罩层

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <style>
.bg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;}
.beian_winbg {
margin-top: -100px; left: 50%; margin-left: -190px; width: 376px; position: absolute; top: 50%; height:200px;border:#666666 1px solid;z-index: 1000;
}
</style>
<div id="alert_win" style="display:none;">
<div id="mask" style="top:0;left:0;position: absolute;z-index:1000;" class="bg"></div>
<div class=beian_winbg id=beian_popup>
<div id="divonestep" style="z-index:1002;width:100%;height:200px;background: #fff;position:absolute;">
<div style="width:100%;background:#f1f1f1;height:30px;light-height:30px;border-bottom:#666666 1px solid;text-align:right;"><a href="javascript:;" onclick="alert_win.style.display='none';">关闭</a> </div>
<div>欢迎光临</div>
</div>
<div style="z-index:1001;position:absolute;"><iframe id="frmonestep" width="100%" height="200" frameborder="0" scrolling="no" src="about:blank"></iframe></div>
</div>
</div>
<a href="#" onclick="alert_win.style.display='block';">点击这里</a>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章： js特效鼠标拖动图层网页代码

下一篇文章： js特效title信息提示框代码

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

纯css弹出遮罩层代码

推荐阅读：

相关代码：

标签分类