新普京网站-澳门新普京 > 新普京网站 > 弹出窗口并且此窗口带有半透明的遮罩层效果_javascript技巧_脚本之家

弹出窗口并且此窗口带有半透明的遮罩层效果_javascript技巧_脚本之家

2019/12/29 21:33

本章节介绍一下怎么着点击七个开关完成弹出一个居中窗口,並且此窗口带有半晶莹剔透的遮罩层效果,此效率在即时比较流行,当然还会有更为复杂的落到实处格局,当然效果也愈发灿烂,上边介绍的代码能够轻便达成此四姨。 代码如下: 复制代码 代码如下:

蚂蚁部落

点击这里开垦窗口

关门窗口

如上代码达成了大家的必要,上边简介一下它的兑现过程。 豆蔻年华.实现原理: 在暗中认可状态下,遮罩层和窗口都以潜伏不可知的,当点击链接之后,能够使窗口和遮罩层呈现,並且将遮罩层设置为半晶莹剔透状态。此五个因素都接收相对定位同有的时候间安装居中窗口的z-index属性值大于遮罩层,那样就足以使其遮住在遮罩层之上。当点击关闭开关的时候,能够将遮罩层和窗口隐讳,原理大致如此。

上一篇:【澳门新普京】Jquery原生态实现表格header头随滚动条滚动而滚动_jquery_脚本之家 下一篇:js判断iframe内的网页是否滚动到底部触发事件_javascript技巧_脚本之家