JS弹窗射流研究…弹出差异并使整个页面背景变暗功能的实现代码

1.首先写一个遮罩层div，然后再写一个弹窗的差异

！-遮罩层-div id=' cover ' style=' background : # 000；绝对位置：left: 0pxtop: 0px宽度： 100%;filter: alpha(不透明度=30);opa city 3360 0.3 display :无；z-index: 2 ' /div！-弹窗-div id=' show div ' style=' width : 80%；margin: 0自动高度： 9.5雷姆；border: 1px固体# 999;显示器：无；绝对位置：前：名40%；左侧： 10%;z-index : 3；背景： #fff！-标题-div style=' background : # F8F7f 7；宽度： 100%;height : 2 rem font-size : 0.65 rem；线高： 2雷姆；border: 1px固体# 999;文本对齐：中心提示/div！-内容-div style=' text-缩进： 50pxheight : 4 rem font-size : 0.5 rem；划水： 0.5雷姆线-高度： 1雷姆；射流研究…弹窗射流研究…弹出DIV，并使整个页面背景变暗/div！-按钮-div style='背景： # 418 BCA；宽度： 80%;margin: 0自动高度： 1.5雷姆；线高： 1.5雷姆；文本对齐：中心；color : # fffmargin-top : 1 rem；-蚊子-边界半径：128雷姆；-网络套件-边界-半径：128雷姆；边界半径：128雷姆；字号：59733 rem'onclick='closeWindow()'确定/div/divjs代码：(把日本季刊日本季刊引进来)

脚本类型='text/javascript' //弹窗函数showWindow() { $('#showdiv ').show()；//显示弹窗$(' #封面').css('display '，' block ')；//显示遮罩层$(' #封面').css('高度'，文档。尸体。客户高度‘px’；//设置遮罩层的高度为当前页面高度} //关闭弹窗函数closeWindow() { $('#showdiv ').hide()；//隐藏弹窗$(' #封面').css('display '，' none ')；//显示遮罩层}/脚本效果：

总结

以上所述是小编给大家介绍的射流研究…弹窗射流研究…弹出差异并使整个页面背景变暗功能的实现代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！