在网页中间弹窗代码-网页遮罩效果 江山如画 • 2019年1月5日 下午3:53 • 网页特效 • 阅读 3621 在网页中间弹出窗口,使整个网页变半透明。 <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日 4.9K01 网页特效 如何去除导航栏最后一个不需要的分隔线 网页导航栏制作时,菜单项之间常用1像素细线做分隔,如上图。 给菜单栏菜单项添加分隔线代码如下: /* 给菜单栏菜单项添加分隔线 */ .nav li { border-right: 1px solid #666; } 最后一个菜单项右边就不需要这个边框线了,如何处理呢? 去除最后一个菜单项右边的分隔线,代码 /* 移除分隔线 */ .nav li:last-… 江山如画 2018年7月26日 4.5K01 网页特效 JS+CSS制作的动态二级下拉导航菜单 <!doctype html> <html> <head> <meta charset="utf-8"> <title>动态二级下拉导航菜单</title> <style type="text/css"> *{margin:0;padd… 江山如画 2018年12月31日 2.7K00 网页特效 CSS+JS制作纵向点击展开的二级导航菜单 网页制作时,如产品分类目录、导航等,需要制作纵向二级导航菜单,点击展开分类显示子目录,再点击收缩起目录。 中国网页设计分享的二级导航菜单使用CSS+JS制作,调用简单方便,可移植、可修改。 网页HTML代码(放在body区域): <div id=”my_menu” class=”sdmenu”> <div> <span>教… 江山如画 2018年9月19日 3.6K00 网页特效 点击按钮发送验证码,隔10秒再次发送倒计时效果-JS代码 为了防止用户恶意获取短信验证码或邮箱验证,在网站制作时会考虑在点击获取验证码的按钮上做个倒计时的效果。 需要隔10秒再次发送, 实现这个功能,需要用到setInterval和clearInterval。 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearIn… 江山如画 2019年10月31日 3.5K00 网页制作 导航特效:jquery实现当前(活动)菜单样式变化 用户点击导航或菜单上不同的栏目,被选中的导航栏目会变换样式,出现图片或背景颜色的变化,用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前(活动)菜单样式变化,导航菜单模式用的是背景颜色,你可以换成背景图片以符合建站需要。 当前(活动)菜单样式变化实现原理 在html代码中给首页(默认选中)加上class名cur <a href=… 江山如画 2018年2月8日 2.4K00 发表回复 请登录后评论...登录后才能评论 提交