jQuery layer图片视频列表弹窗插件

jQuery layer图片视频列表弹窗插件

一款jquery基于layer弹窗插件制作图片视频列表布局,点击视频弹窗播放效果代码。div css js清晰,均有备注,方便使用,下载即可使用。

使用方法
引入jquery.js、layer.js文件

1
2
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>

关闭按钮代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
$(".video").on("click",".inner",function(){
    var $this = $(this);
    var video = $this.attr("data-iframe");
    layer.open({
      type: 2,
      title: false,
      closeBtn: 1, //不显示关闭按钮
      shade: 0.3,
      skin: 'layer-alert-video',
      area: ['900px', '563px'],
      anim: 0,
      content: [video, 'no'] //iframe的url,no代表不显示滚动条
    });
});
</script>

文件信息:

    6

    发表评论