在网页中间弹窗代码-网页遮罩效果 江山如画 • 2019年1月5日 下午3:53 • 网页特效 • 阅读 5499 在网页中间弹出窗口,使整个网页变半透明。 <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) 江山如画管理团队 0 0 打赏 微信扫一扫 支付宝扫一扫 生成海报 毛笔字生成器,毛笔字在线生成网站 上一篇 2019年1月5日 下午3:47 熊浩:直面你的焦虑! 视频+原文 下一篇 2019年1月5日 下午4:05 99%的人还看了以下文章 网页制作 中国省、市区二级联动下拉选择框-JS源码 中国省、市区二级联动下拉选择框,包含所有省份及市县信息。 当选择省份下拉选择框时,市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”,市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里(js/common.js),中国网页设计在js文件里定义了两个数组,分别存放省份和对应的市区。 //省份 var pr… 江山如画 2019年6月5日 11.8K01 网页特效 100种精美的网页时钟特效,总有一款是你需要的 web骇客收集了100种使用CSS+JS+HTML制作的时钟、钟表、手表等特效,分为漂亮的时钟特效、有创意的时钟、电子钟,每一种实现都提供源代码,可以方便网页制作爱好者们拷贝使用,如果你需要在网页中添加时钟特效,在这里一定会有一款你喜欢的。 江山如画 2018年9月27日 14.5K05 网页制作 鼠标放上去,图片上方动态显示半透明说明文字(源码) <style> .itemInWorks{ width: 240px; height: 150px; border-radius:5px; font-size: 20px; font-weight: 600; color: #FFFFFF; text-align: center; line-height: 40px; background: ur… 江山如画 2020年2月20日 19.9K00 网页特效 jQuery插件实现省、市、区县三级联动代码,调用非常简单 在《中国省、市区二级联动下拉选择框-JS源码》文章中我们分享了省、市区二级联动的JS实现代码,今天125建站网给大家分享一款中国省、市、区县三级联动的代码,通过jQuery插件实现,调用非常简洁。 HTML结构 基本的HTML结构是使用一个<div>容器来包裹一组<select>元素。 <div><!– conta… 江山如画 2019年6月5日 7.9K01 网页特效 CSS+JS制作纵向点击展开的二级导航菜单 网页制作时,如产品分类目录、导航等,需要制作纵向二级导航菜单,点击展开分类显示子目录,再点击收缩起目录。 中国网页设计分享的二级导航菜单使用CSS+JS制作,调用简单方便,可移植、可修改。 网页HTML代码(放在body区域): <div id=”my_menu” class=”sdmenu”> <div> <span>教… 江山如画 2018年9月19日 8.4K00 网页特效 超酷的HTML5 3D图片旋转动画特效 中国网页设计分享的一款HTML5 3D图片动画特效,使用js动画框架TweenMax 技术实现。 这款HTML5 3D动画非常酷,当在图片上面拖动鼠标时,图片会在垂直方向分裂出数块小长方体,然后每一个小长方体沿着鼠标拖动的方向旋转。 效果演示 源码下载 江山如画 2018年9月28日 31.2K00 发表回复 请登录后评论...登录后才能评论 提交