网页遮罩层效果 点击按钮网页中间弹出窗口 弹出遮罩层
2013-04-29 09:48
597 查看
<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>中国站长寨提示,无效果请刷新试试。点击上方“显示”页面中间弹出层。JS特效大全在中国站长寨</p> <p>中国站长寨为中国站长提示精品站长资讯,网页特效,JS特效,网站特效,网站源码,图库素材,站长下载</p>
相关文章推荐
- 网页点击按钮弹出遮罩层,拖动和关闭效果
- 点击按钮弹出遮罩层背景和居于屏幕中间的弹出窗口(结合阿聪世家适当修改)
- 点击按钮,弹出一个可关闭的层窗口,网页背景变灰
- 网页中点击按钮弹出QQ聊天窗口的功能实现
- 点击按钮Alert弹出遮罩层效果的提示框代码
- 遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
- 网页点击弹出遮罩窗口(可关闭)
- 点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
- 点击按钮 弹出视频 并有遮罩层效果
- 点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
- 点击链接后,弹出另一个浮动窗口,全屏变暗遮罩效果,适用于下载站
- 点击按钮,弹出一个可关闭的层窗口,网页背景变灰
- PAMIE:点击网页中的弹出窗口的按钮
- 仿QQ新浪主界面底部导航与中间按钮点击弹出以及返回键点击返回效果
- 点击弹出窗口网页背景变暗且不可点的效果(一):div实现
- 弹出窗口中点击按钮不打开新网页设置
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- C#调用迅雷的时候 自动模拟点击”下载按钮” 关闭弹出窗口
- 点击提交按钮后,弹出新窗口后,禁止提交按钮