点击弹出层主要是当点击图片或文字等时，弹出一个框架（web弹窗）

我这次主要是在一个教育培训网站中用到的，效果是点击视频时，弹出视频播放窗口，视频用的是外部链接，用的是方法二

点击弹出层方法一：此方法比较简单，也没有加载太多的js，这是优点，但是也有缺点，由于这个方法是获取div的id做出来的，如果网站需要多个弹出窗口时，就需要换id名称使之不重复，比较麻烦，一般不采用这个方法。

代码：

效果如下图

弹出窗口样式都可以随意修改

点击弹出层方法二：主要适用于点击图片，视频后弹出放大的图片和播放视频，因为这种方法主要是在图片，视频的a href中填写链接，这种方法可适用于网站出现多个弹出窗口，可循环使用。

代码如下图

需要加载几个js和一个弹出层的样式文件

效果如下图