点击弹出层主要是当点击图片或文字等时,弹出一个框架(web弹窗)
我这次主要是在一个教育培训网站中用到的,效果是点击视频时,弹出视频播放窗口,视频用的是外部链接,用的是方法二
点击弹出层方法一:此方法比较简单,也没有加载太多的js,这是优点,但是也有缺点,由于这个方法是获取div的id做出来的,如果网站需要多个弹出窗口时,就需要换id名称使之不重复,比较麻烦,一般不采用这个方法。
效果如下图
弹出窗口样式都可以随意修改
点击弹出层方法二:主要适用于点击图片,视频后弹出放大的图片和播放视频,因为这种方法主要是在图片,视频的a href中填写链接,这种方法可适用于网站出现多个弹出窗口,可循环使用。
需要加载几个js和一个弹出层的样式文件