QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 提示框/浮动层/弹出层 > jQuery layer图片视频列表弹窗插件

原创商用 jQuery layer图片视频列表弹窗插件

jquery基于layer弹窗插件制作图片视频列表布局,点击视频弹窗播放效果代码。div css js 清晰,均有备注,方便使用,下载即可使用,
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css" />

2、head引入js文件

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

3、body引入HTML代码

<div class="video">
	<div class="container">
		<div class="index-title">
			<h2>观看视频介绍</h2>
			<a href="#">全部视频</a>
		</div>
		<div class="video-wrap">
			<div class="vr-big">
				<div class="inner" data-iframe='http://www.0591ddg.com/'>
					<img src="images/large-001.jpg" alt="">
					<i class="play"></i>
					<div class="text">
						<h3>新零售视频介绍</h3>
						<p>通过视频介绍,你将更加深入了解什么是新零售</p>
					</div>
				</div>
				<a href="#" class="link">了解详情</a>
			</div>
			<div class="vr-right">
				<div class="vr-small">
					<div class="inner" data-iframe='http://www.0591ddg.com/'>
						<img src="images/large-002.jpg" alt="">
						<i class="play"></i>
						<span class="text">到家视频介绍</span>
					</div>
					<a href="#" class="link"></a>
				</div>
				<div class="vr-small">
					<div class="inner" data-iframe='http://www.0591ddg.com/'>
						<img src="images/large-003.jpg" alt="">
						<i class="play"></i>
						<span class="text">收银台视频介绍</span>
					</div>
					<a href="#" class="link"></a>
				</div>
			</div>
		</div>
	</div>
</div>

<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> 


[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
中乐彩票 www.700915.com-大乐透彩票价格| www.0037.top-内蒙体彩下载软件| www.950485.com-体彩开奖视频结果| www.cp7663.com-新快三技巧选号口诀| www.052312.com-牛蛙彩票下载安装| www.86795.cc-企鹅直播好彩频道| www.897020.com-重庆时时彩长龙记录| www.994912.com-19040期胜负彩| www.vb09.com-彩神通三码会员| www.ay71.com-中国竞彩最大奖| www.023055.com-香港正规的彩票网站| www.110157.com-帝王彩票是真的吗| www.3877.biz-彩吧三d图谜第三版| www.089715.com-分分快三怎么样| www.211155.com-快三彩票是什么| www.323343.com-彩71用户注册| www.407575.com-彩票序列号密码| www.92991.com-彩经双色球杀号专家| www.863893.com-中国福彩造假| www.xz0.cc-大发彩-| www.238326.com-快三点数和值计算法| www.29650.com-8号彩票老版本| www.89903.com-七彩视界ios| www.388146.com-北京回华彩置集团| www.512953.com-彩票直通车预测| www.754238.com-七星彩预测号码数字| www.972291.com-福彩了d开奖号| www.rc21.com-极速时时彩万能规律| www.s88.com-彩票托晚上-| www.675816.com-福彩晚秋一句定三码| www.883957.com-黑彩赢钱技巧| www.18du.com-pc蛋蛋彩票平台| www.005451.com-河内5分彩彩票骗局| www.231541.com-一分一期快三计划| www.891672.com-c彩票精准计划| www.90694.com-手机乐赢彩票网| www.11hh.cc-澳客彩票客户端官网| www.wx7.com-中国星彩3d论坛| www.1235.tv-博123彩票首页| www.cp9579.com-中彩网是不是合法的| www.18ly.com-酷彩吧彩票安全| www.939.net-365彩票网可信吗| www.142453.com-福彩摇筛子-| www.12344.cc-体彩大乐透怎样兑奖| www.080060.com-时时彩诈骗判几年| www.554367.com-五分快三是不是官方| www.949056.com-福彩在线彩票网| www.848281.com-国内竞彩足球合法吗| www.167486.com-中国福彩快3玩法| www.1417.com-幼儿游戏彩虹伞音乐| www.60259.cc-58彩票换网址了么| www.179136.com-吉林省快三赌博案例| www.354605.com-加拿大彩票平台| www.611866.com-福彩投注站点查询| www.992887.com-彩票开发稳赚高收益| www.w76.com-胜负彩让球什么意思| www.0315.love-体彩店距离限制| www.37626.com-109彩票彩官网| www.310322.com-彩票机打中奖| www.563936.com-分分彩投注技巧| www.96197.cc-胜负彩机模拟选| www.zz35.com-上海福利彩票店盈利| www.8598.site-长沙恒大都彩票中奖| www.101452.com-彩票体彩排列五| www.337428.com-河北快三遗漏值统计| www.662035.com-四川快乐彩任五推荐| www.878576.cc-南昌市体育彩票网| www.267108.com-福彩3d试机号后| www.868371.com-快乐双彩基本走势图| www.270536.com-新彩国际app彩票| www.129270.com-能用的彩票app| www.mx87.com-网上彩票平台合法么| www.590065.com-福彩快3时间| www.879591.com-江西五分彩开奖结果| www.171081.com-体彩11选3-| www.450299.com-博雅彩票邀请码| www.980065.com-七星彩直码透露| www.14nk.com-七星彩数字排列| www.613267.com-qq里彩票在哪| www.400354.com-体彩大乐透历史数据| www.751643.com-彩票程序出售| www.939645.com-彩61彩票-| www.wz20.com-大乐透走势图彩经网| www.50593.com-博彩评级手机数码| www.314163.com-足球胜负彩对阵表| www.730326.com-呼市中双色球彩票| www.cai20.cc-快三-| www.97qo.com-注册送彩金彩票网站| www.666758.com-吉隆坡快三是真的吗| www.us6.cc-彩票开奖查福询| www.79sf.com-福彩三个号-| www.646392.com-竞彩足球稳赢技巧| 彩票宝www.7cpb.com| www.8380.top-时时彩网投群| www.185869.com-快三经验-| www.928402.com-够力七星彩奖表图| www.578121.com-最新彩票报纸大全| www.738387.com-福利彩票阳光探码图| www.36278.com-福彩和体彩哪个好卖| www.130128.com-彩票查询七星彩今日| www.76.cx-欧洲百万彩计划软件| www.796044.com-2019年猜谜彩票| www.040268.com-优势的彩票合买系统| www.231693.com-彩票三军大小怎么玩| www.498859.cc-网上刷彩是什么| www.786395.com-彩票大赢家骗局| www.95053.com-河南结婚彩礼钱| www.727055.com-600wan彩票网| www.968296.com-8828彩票靠谱吗| www.712792.com-彩票店做私庄| www.139789.cc-盈彩在线下载| www.771970.com-时时彩混选技术论坛| www.609619.com-淘宝上能买彩票| www.620440.com-神圣彩票平台怎么样| www.47ql.com-丢彩票开抢自杀| www.01lk.com-新彩福彩字谜| www.85397.com-竞彩容错什么意思| www.5533.org-足彩吧狗万-| www.828035.com-春天彩票刷流水| www.293372.com-智慧彩票app下载| www.55840.com-福利彩票147| www.517293.com-皇冠彩是什么鬼| www.535285.com-六位数字的彩票| www.312471.com-浙江福彩3d导航页| www.893140.com-彩票高手求职第几期| www.605229.com-明星彩票邀请码| www.751028.com-彩开奖记录-| www.368979.com-体彩开奖率-| www.554454.com-彩票所有排列组合| www.ml63.com-皇马彩票注册送20| www.82wp.com-多彩网3d字谜总汇| www.vd35.com-智慧彩票网-| www.159260.com-乐盈彩票手机版下载| www.956265.com-网络彩票上瘾的症状| www.714.me-在线下载好运时时彩| www.816287.com-金凤凰博彩骗局揭秘| www.cp9366.com-中彩啦app下载| www.400295.com-足彩延期什么开| 58娱乐www.58ipo.com| www.387345.com-长红彩票平台| www.483889.com-中央1黑彩-| www.rw00.com-牛彩网首页-| www.mh22.com-西藏福彩快三助手| www.150051.com-彩吧vip快三下载| www.642881.com-彩票中头奖怎么办| www.08ci.com-七星彩百度云资源| www.938121.com-快三开奖有没有猫腻| www.101390.com-福彩体彩开奖走势图| www.491451.com-手机万能彩膜批发| www.85466.com-彩票投注员兼职网站| www.185472.com-分分时时彩稳赚技巧| www.586307.com-老虎机送新手彩金| www.600073.cc-买彩票都是运气吗| www.934159.com-体彩几点钟开| www.92zu.com-男网友叫一起玩彩票| www.88318.cc-数字彩怎么玩| www.170237.com-河南福彩快三走势图| www.816517.com-今晚福彩3d试试号| www.935753.com-彩神3300h-| www.853210.com-太子彩票苹果版| www.2655.in-时时彩万位杀号方法| www.567450.com-快三顺子中了多钱| www.563871.com-东方亮彩招聘单| www.191777.com-五快三走势图带连线|