在网页中间弹窗代码-网页遮罩效果 江山如画 • 2019年1月5日 下午3:53 • 网页特效 • 阅读 3285 在网页中间弹出窗口,使整个网页变半透明。 <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%的人还看了以下文章 网页特效 垂直(纵向)二级导航菜单 CSS+JS制作的垂直(纵向)二级导航菜单,可灵活修改。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS+JS制作的垂直(纵向)二级导航菜单|www.125jz.com</title> &… 江山如画 2018年9月19日 5.1K01 网页制作 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日 3.9K00 网页特效 纯css实现的三级下拉导航菜单 非常简洁的一个三级导航菜单,纯css实现,适用于企业产品分类导航等,代码精简,兼容所有浏览器。 See the Pen 纯css实现的三级下拉导航菜单 by 江山如画 (@jgyzhr)on CodePen. 江山如画 2019年11月1日 2.9K00 网页特效 JS+CSS实现点击弹出窗口,带关闭按钮(非常简单) 最近做网页设计项目,要求点击图片后弹出窗口,在新弹出窗口中播放视频。从网上找了很多代码,要么非常复杂,要么兼容性有问题,反复对比多种实现方法,最后确定代码如下: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″/> <title>JS+CSS实现… 江山如画 2018年5月9日 4.9K00 网页特效 立体动画按钮、切换开关 实例名称:立体动画按钮、切换开关在线预览:https://codepen.io/chrisgannon/pen/ZaPmKp HTML代码: <div id=”app”></div> CSS代码: body { background-color:#FFFCF9; overflow: hidden; text-align:center;… 江山如画 2019年10月17日 1.4K00 网页特效 jQuery插件实现省、市、区县三级联动代码,调用非常简单 在《中国省、市区二级联动下拉选择框-JS源码》文章中我们分享了省、市区二级联动的JS实现代码,今天125建站网给大家分享一款中国省、市、区县三级联动的代码,通过jQuery插件实现,调用非常简洁。 HTML结构 基本的HTML结构是使用一个<div>容器来包裹一组<select>元素。 <div><!– conta… 江山如画 2019年6月5日 3.3K01 发表回复 请登录后评论...登录后才能评论 提交