网页编程网

www.youkud.com

当前位置：主页 >> 网页特效 >> 正文

网页中间弹出窗口，做提示用

阅读：3484 输入：2014-10-07 02:10:24

网页遮罩效果，可使整个网页变半透明，中间弹出一窗口。

<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="javascript:;" onClick="alert_win.style.display='block';">显示</a>
<p>alksdfjsdkal;jsdakljfdsalk;jdlks;ajdfslka;jfdslka;jfdasf</p>
<p>alksdfjsdkal;jsdakljfdsalk;jdlks;ajdfslka;jfdslka;jfdasf</p>

上一篇：python用xpath采集天眼查内容，有反爬，zip拼数据
下一篇：HTML代码在线测试框，包含html5、css3

相关阅读: JS这样判断滚动条是否滚到底部; document.write()及其输出内容的样式、位置控制; js实现同时搜索百度和必应的方法

下载专区: 软件下载（提取码：mtag）

Tag

HTML工具: 进制间转换; 进制转换（带小数）; html代码运行

HTML工具: 字母翻转; 硬盘整数分区; html颜色代码

HTML工具: 除空格回车; 万年历; fojiao

HTML工具: 小游戏; 在线绘画; 更多

手机版
联系微信:jingqishens