在网页中间弹窗代码-网页遮罩效果 江山如画 • 2019年1月5日 下午3:53 • 网页特效 • 阅读 3707 在网页中间弹出窗口,使整个网页变半透明。 <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%的人还看了以下文章 网页制作 纯CSS3制作的垂直手风琴效果,点击标题展开详细介绍 纯CSS3制作的垂直手风琴效果 CSS代码: @import url(“css/font-awesome.css”); * { margin: 0; padding: 0; } *, *:before, *:after { box-sizing: border-box; } html, body { height: 100%; font: 16px/1 ‘O… 江山如画 2018年12月26日 3.3K00 网页制作 导航特效:jquery实现当前(活动)菜单样式变化 用户点击导航或菜单上不同的栏目,被选中的导航栏目会变换样式,出现图片或背景颜色的变化,用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前(活动)菜单样式变化,导航菜单模式用的是背景颜色,你可以换成背景图片以符合建站需要。 当前(活动)菜单样式变化实现原理 在html代码中给首页(默认选中)加上class名cur <a href=… 江山如画 2018年2月8日 2.5K00 网页特效 jQuery带标题的图标图片轮播特效(免费) 在<head></head>之间引入 <link rel=”stylesheet” type=”text/css” href=”css/font-awesome.css”> <link rel=”stylesheet” href=”css/style.css”> 在<body></body&g… 江山如画 2018年9月12日 3.9K00 网页特效 CSS+JS制作纵向点击展开的二级导航菜单 网页制作时,如产品分类目录、导航等,需要制作纵向二级导航菜单,点击展开分类显示子目录,再点击收缩起目录。 中国网页设计分享的二级导航菜单使用CSS+JS制作,调用简单方便,可移植、可修改。 网页HTML代码(放在body区域): <div id=”my_menu” class=”sdmenu”> <div> <span>教… 江山如画 2018年9月19日 3.7K00 网页特效 超酷的HTML5 3D图片旋转动画特效 中国网页设计分享的一款HTML5 3D图片动画特效,使用js动画框架TweenMax 技术实现。 这款HTML5 3D动画非常酷,当在图片上面拖动鼠标时,图片会在垂直方向分裂出数块小长方体,然后每一个小长方体沿着鼠标拖动的方向旋转。 效果演示 源码下载 江山如画 2018年9月28日 7.4K00 网页特效 JS+CSS实现点击弹出窗口,带关闭按钮(非常简单) 最近做网页设计项目,要求点击图片后弹出窗口,在新弹出窗口中播放视频。从网上找了很多代码,要么非常复杂,要么兼容性有问题,反复对比多种实现方法,最后确定代码如下: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″/> <title>JS+CSS实现… 江山如画 2018年5月9日 5.9K00 发表回复 请登录后评论...登录后才能评论 提交