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.tlgltg.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.tlgltg.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.tlgltg.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.304002.com-快彩在线是什么情况| www.12778.com-头奖彩票现在能用吗| www.765200.com-南海七星彩票论坛| www.881341.com-高频彩怎么突破概率| www.ad08.com-福彩3d开奖奖号| www.8573.com-亿彩下载苹果版| www.ek05.com-彩吧图库第二版| www.r89.com-快三会不会赔钱| www.72bl.com-梦见买彩票差点中奖| www.52571.cc-好彩可免费下载| www.025320.com-网投彩票赚钱安全吗| www.798839.com-体彩太湖三字诀| www.517705.com-我爱彩票网-| www.666122.com-中国体彩网买彩票| www.854998.com-新皇冠彩票网| www.967844.com-中港彩票网址| www.dk96.com-念买彩票中大奖咒语| www.5804.xyz-竞彩篮球3串3| www.dd48.com-世界彩票十大巨奖| www.903666.com-106时时彩下载| www.985314.com-728彩票安卓| www.584568.com-下载苏宁易购彩票| www.083022.com-五省五省快三一定牛| www.721706.com-5分快三计划表| www.848779.com-彩光嫩肤美白| www.954217.com-709彩票平台安卓| www.vt1.com-发达彩票的真实性| www.06bq.com-日本彩铅品牌绿辉| www.21676.cc-彩民之家高手论坛| www.964.cm-体彩七彩星怎么玩| www.677257.com-彩钢瓦围墙cad| www.972578.com-古风风景简笔画彩铅| www.kj73.com-福彩3d选号助手| www.050951.com-彩票平台源码怎样做| www.142100.com-二分彩开奖规律| www.640719.com-1216彩票注册| www.819334.com-顺顺发七星彩图规| www.53jo.com-贵州快三开奖跨度| www.zv88.com-彩81彩票app| www.981291.com-北京时时彩赛车规律| www.r35.net-易发大彩票违法吗| www.016416.com-河北快三的玩法介绍| www.091601.com-春秋彩票怎么注册| www.491884.com-凤凰彩票网兼职投注| www.581696.com-爰彩乐官网-| www.664519.com-儿童彩铅画简单图片| www.881964.com-湖北快三遗漏统计值| www.lu20.com-搜神传的好彩妹| www.89nh.com-彩漂泡衣服时间太长| www.537990.com-七彩色公司-| www.610081.com-福利彩票2月1日| www.679203.com-彩票注册送彩金| www.757068.com-大乐彩是合法的吗| www.825383.com-彩票密码破解工具| www.891687.com-彩票看走势图| www.958230.com-今天福彩开什么号| 华彩www.71399z.com| www.017149.com-福彩快三魔图| www.830839.com-新彩彩票黑钱吗| www.932097.com-七星彩有没有规律| www.999698.com-宝马彩票登录网页版| www.ey72.com-1分快三彩计划软件| www.wz62.com-上海快三app| www.699050.com-谁有吉林快三的群| www.r01.top-买体育彩票怎么买法| www.95po.com-福利彩票店收益多大| www.5353.space-做梦买彩票数字中奖| www.484392.com-全中彩-| www.129428.com-go彩平台网站| www.480584.com-新浪国际彩票合法吗| www.44579.com-福彩东方61走势图| www.9107.cn-黑客彩美-| www.is28.com-旺旺彩票合法吗| www.087759.com-易彩网app客服| www.ov76.com-套彩金是什么意思| www.000183.com-仁信彩票-| www.lp29.com-12彩票-| www.355814.com-欧洲彩票税率是多少| www.31cj.com-时时彩0369技巧| www.162763.com-好彩自然来图片| www.3070.cm-七彩星小说-| www.19rj.com-达芬奇密码彩票算法| www.jx35.com-彩票快3手机版| www.c82.shop-黑龙江百宝彩账号| www.29vm.com-福利三分彩查询| www.87981.com-福彩骗局佳缘| www.039917.com-甘肃快三一码遗漏| www.730036.com-cp12彩官网-| www.844091.com-彩票谁管-| www.913665.com-网上买快三能提现吗| www.cp6775.com-江苏快三规律破解| www.937379.com-深圳彩福大厦不好| 亿龍彩票www.1368n.cc| www.45082.com-长春彩溢健康浴场| www.023569.com-今晚七乐彩开奖| 大赢家彩票网www.54400e.com| www.26fh.com-体彩4码遗漏| www.02557.com-至尊快三破解| www.318631.com-365彩票平台| www.050.pw-彩票首富-| www.637277.com-大师彩铅插画| www.rc68.com-实体店买彩票流程| www.14zy.com-那个软件买彩票安全| www.cp5618.com-新快三是什么彩票| www.rk93.com-吉林快三合值| www.691817.com-会员登录76c彩票| www.79th.com-极速快三口诀| www.520683.com-新浪体育彩票13| www.360788.com-高平彩票-| www.466534.com-宏盛彩票软件官网| www.573135.com-惠民彩票网址| www.869806.com-鸿彩赚钱是真的吗| www.702196.com-体彩283奖金多少| 手机购彩www.591799.com| www.577790.com-内蒙古快三最新玩法| www.362855.com-七星彩奖池现有余额| www.t58.win-湖北彩票最大金额| www.180004.com-快三秒奶茶-| www.250128.com-手机彩票505| www.316911.com-七七时彩票-| www.003641.com-有抢红包的彩票平台| www.03667.com-七星彩是真的吗| www.48240.com-3d彩票书籍大全| www.09646.cc-彩票兑奖处是啥意思| www.54069.com-篮球博彩必发指数| www.157175.com-九号彩票是否违法| www.0436.org-159竞彩足球安全| www.355467.com-福彩3d今晚开机号| www.446787.com-七星彩梦册查码图| www.539792.com-凤凰彩票和值怎么算| www.654837.com-时时彩送钱-| www.723528.com-常州体彩中心| www.811509.com-彩票信息查询| www.894343.com-彩经网旧版本走势图| www.961770.com-qq怎么买彩票| www.cai6255.com下载北京快三走势图| www.416152.com-博彩属于金融吗| www.518555.com-辽宁福彩中心主任| www.178485.com-福彩3d跨度-| www.pp44.cc-湖北快三基本走势| www.4930.vip-01彩票群-| www.30454.cc-大连体彩兑奖| www.04se.cc-彩铅人物肤色怎么画| www.205543.com-淘宝彩票走势图| www.086766.com-神彩福牛双色球今天| www.370032.com-排列三彩票下载安装| www.490220.com-三号彩票安卓| 七彩www.53900g.com| www.017639.com-江苏省快3彩票开奖| www.298198.com-体彩任选三开奖结果| www.62dj.cc-体彩5p走势图| www.42941.com-7星彩专家预测总汇| www.326227.com-彩票大师app下载| www.487342.com-中国福彩刮刮乐兑奖| www.630065.cc-体大乐彩票-| www.794656.cc-福彩3d折线图谜| 彩3彩票www.c3069.com| www.69jv.com-手机彩票怎样不输钱| www.1586.wang-体彩大乐透直播地址| www.7001.vip-大玩家彩票官方网站| www.393092.com-吉林快三三不同赔率| www.481200.com-中国移动和彩印下载| www.6047.org-3d彩票专家图库| www.310125.com-万州体彩兑奖地址|