在网页中间弹窗代码-网页遮罩效果

江山如画 • 2019年1月5日下午3:53 • 网页特效 • 阅读 4639

在网页中间弹出窗口，使整个网页变半透明。

<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>125网页设计-权威的网页制作，网页设计教程基地：包含html、css、Javascript等教程及网页制作素材，网页设计欣赏，免费空间，网站推广等资源</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> <p><a href="javascript:;" onClick="alert_win.style.display='block';">点击，在网页中间弹出窗口</a></p>

Tips:You can change the code before run.

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3124.html

赞 (1)

江山如画管理团队

微信扫一扫

微信扫一扫

支付宝扫一扫

支付宝扫一扫

毛笔字生成器，毛笔字在线生成网站

上一篇 2019年1月5日下午3:47

熊浩:直面你的焦虑! 视频+原文

下一篇 2019年1月5日下午4:05

网页特效

简单纯js实现的网页tab选项卡切换效果

今天给大家分享一款非常简单实用的JS网页tab选项卡切换效果，当鼠标放到不同的标签项上或单击该栏目标签会显示不同的内容。

江山如画
2018年2月12日
3.9K00
网页特效

鼠标指向图片实现放大效果-CSS3特效

鼠标指向图片实现放大效果，多用于产品展示，可以通过Js，jquery来实现。为更好的优化网站，最好的方法还是纯css来实现。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css实现鼠标指向图片放大效果|…

江山如画
2018年7月14日
10.3K00
网页特效

JS+CSS实现点击弹出窗口，带关闭按钮（非常简单）

最近做网页设计项目，要求点击图片后弹出窗口，在新弹出窗口中播放视频。从网上找了很多代码，要么非常复杂，要么兼容性有问题，反复对比多种实现方法，最后确定代码如下： <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″/> <title>JS+CSS实现…

江山如画
2018年5月9日
8.5K00
网页制作

中国省、市区二级联动下拉选择框-JS源码

中国省、市区二级联动下拉选择框，包含所有省份及市县信息。当选择省份下拉选择框时，市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”，市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里（js/common.js），中国网页设计在js文件里定义了两个数组，分别存放省份和对应的市区。 //省份 var pr…

江山如画
2019年6月5日
8.4K01
网页制作

3种纯CSS/jquery实现的表格隔行变色，鼠标悬停：hover变色效果

表格隔行显示不同背景颜色，表格奇数行和偶数行交替显示不同的背景颜色。一、纯CSS3实现表格隔行变色关键CSS代码介绍 table tr:nth-child(odd){background:#F4F4F4;} table td:nth-child(even){color:#C00;} table tr:nth-child(5){background:#73…

江山如画
2018年9月5日
5.7K00
网页特效

网页右侧可隐藏的浮动QQ在线客服源码下载

在线客服是企业网站必不可少的在线交流渠道，本站分享的在网页右侧可隐藏的浮动QQ在线客服使用jquery编写，固定在网站右侧不随滚动条滚动，点击展开，再次点击收缩，蓝色风格，调用方便。网页右侧可隐藏的浮动QQ在线客服效果 HTML代码： <div id=floatTools class=jz125> <div class=floatL&gt…

江山如画
2018年8月2日
2.4K00

发表回复

登录后才能评论