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.ychcmy.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.ychcmy.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.ychcmy.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天

知道了
彩01彩票 www.289234.com-三分彩开奖结果查询| www.403321.com-下载七星彩或规律| www.609211.com-澳门老虎机派彩图片| www.8767.com-福彩3d心水网站| www.103001.com-福利彩票117| www.614433.com-国内彩票最高奖| www.930174.com-518彩票网登陆| www.06292.com-福彩3d试和值号码| www.004540.com-快三计划免费版| www.333058.com-彩票筛选器-| www.np38.com-福彩主任-| www.988454.com-必中彩票苹果版| www.389552.com-福彩扫一扫领彩票| www.518421.com-快三跳花龙-| www.030084.com-大发彩票网是私彩吗| www.145114.com-什么是基诺型彩票| www.zl16.com-新大陆彩票网| www.76ry.com-马耳他福彩-| www.4791.top-彩虹六号过审失败| www.25375.com-111彩库-| www.61911.com-华彩彩票网官方端口| www.847181.com-双色球大奖是彩托吗| www.556818.com-苹果彩票线路| www.434729.com-体彩店位置-| www.3si.cc-登陆艾彩-| www.40909.cc-菲律宾一号彩票| www.96959.cc-飞龙在天竞彩专家| www.137729.com-新浪爱彩走势图| www.gb2.com-彩票破解术大乐透| www.737857.com-快乐彩任选三预测| www.828612.com-海口彩票网高手论坛| www.923884.com-七星彩杀号专家| www.994396.com-正规网络彩票投注| www.ar64.com-贵州省福彩中心在哪| www.xj45.cc-湖南快三开奖结果| www.869587.com-幸运中彩票平台骗局| www.596732.com-新加坡多多彩票官网| www.867330.com-v8时时彩平台注册| www.999479.com-大运彩-| www.dp19.com-时时彩赚钱是真的吗| www.78791.cc-下载河北竞彩| www.ny58.com-福彩天机图-| www.cai2277.com吉林快三开奖结果| www.0180.cc-利彩彩票是什么意思| www.356574.com-买彩票那么多年| www.455002.com-青岛市福彩养老| www.717244.com-用彩铅画桃花树| www.718572.com-关于彩虹的唯美句子| www.7864.pw-胜负彩任九吧| www.353277.com-彩铅笔手绘眼睛| www.495404.com-立白彩漂去黄怎么样| www.575387.com-福彩3d乐采网| www.661826.com-晋城高都彩票站中奖| www.677940.com-请下载南方双彩| www.537282.com-彩色的填写词语| www.688247.com-东莞体彩兑奖中心| www.777340.com-金辉彩票app| www.855579.com-七乐彩复式21个号| www.931282.com-幸运魔方彩票疑云下| 易彩网www.99638i.com| www.17287.com-兼职刷时时彩| www.52798.cc-福建体彩快乐11| www.801912.com-彩票有大老头吗| www.951259.com-老郑最新足彩分析| www.ew2.com-广西十分彩开奖直播| www.27916.cc-玩彩票能赚钱吗| www.300848.com-七乐彩杀号最新预测| www.019070.com-福利彩票怎么投注| www.144851.com-注册免费领彩金| 吉利彩票www.80075s.com| www.137606.com-9彩娱乐平台| www.732773.com-河南彩礼最高的周口| www.871469.com-彩票软件哪个好用| www.228558.com-广东好彩一-| www.982217.com-福彩九加五多少钱| www.cp1112.com-彩票平台哪个最安全| www.xf38.com-七彩网彩票官方网站| www.21tw.com-福利彩票门口标语| www.96si.com-天下彩票手机版| www.3629.biz-外围足彩app下载| www.8670.org-福建体彩几点开奖| www.286781.com-体彩算号器-| www.362605.com-阳光彩虹小白马歌词| www.4887.xyz-18058足彩分析| www.yk22.com-体育彩票投注站吗| www.750077.com-彩票3d同号预测法| www.245007.com-彩尊app-| www.813820.com-481彩票网正规吗| www.3vs.com-福彩排列三开奖直播| www.er76.com-福建体彩网官方网| www.938055.com-福彩好运十倍黑幕| www.ba99.com-快三图片跨度图片| www.20or.com-体彩19016期| www.885674.com-爱投彩票ios| www.904133.com-星光彩票下载| www.910521.com-云购彩票app| www.992068.com-什么是时时彩跨度| www.en09.com-北京快三计划群| www.82eh.com-点击彩极速赛车| www.636238.com-997彩票官方网站| www.731510.com-d9彩票版平台下载| www.815274.com-竞彩足球都是假的| www.888123.com-解梦七星彩大全查询| www.956801.com-彩泥捏水果-| 91彩票www.9155g.cc| www.6796.vip-时时彩什么是龙虎和| www.57808.cc-鼓励买彩票的话| www.040700.com-永利国际买彩票| www.559462.com-3d精胆天下彩报| www.672313.com-彩宝彩票输了多少| www.777361.com-易盈彩票简介| www.29iv.com-福利彩票三位数| www.457228.com-彩票中奖了语录| www.0048.org-购彩大厅全部| www.596499.com-有什么彩票计划软件| www.79878.com-江苏快三杀码| www.035438.com-彩票至尊软件| www.666819.com-吉林快三和值号图片| www.5575.cn-2元彩票网全国开奖| www.13516.cc-合肥彩票店加盟| www.811441.com-彩票站有新人红包的| www.442455.com-福彩3d寻宝图全图| www.527915.com-荷兰5分彩走势图| www.617788.com-彩礼钱超过3万拘留| www.689303.com-数字彩票分析师待遇| www.771106.com-乐彩彩票下载app| www.833705.com-8亿彩官网在线| www.911936.com-意大利彩金是真的吗| www.973830.com-三分快三如何破解| 好彩网www.hcw823.com| www.648339.com-彩票生肖20期开奖| www.729300.com-彩票查询排列3| www.822470.com-彩票开奖网源码| www.251822.com-8方彩票-| www.322199.com-七天彩票在线投注| www.433272.com-盈彩吧双色球预测| www.552284.com-爱彩乐时时彩开奖| www.689763.com-微彩吧平台-| www.761382.com-七星彩彩票投注源码| www.854494.com-江苏快三怎么破解| www.910214.com-彩票3d怪字-| www.961785.com-福彩快三开奖时间改| 博友彩www.122by.com| www.912497.com-3d快三怎么买| 500万彩票www.500pt.com| www.ct27.com-黑彩-| www.yb19.com-app购彩网-| www.38su.com-杭州体彩网征召中标| www.633.com-印尼五分彩骗局| www.08jd.com-类似七星彩的小说| www.71vt.com-高频彩票开奖规则| www.0640.xyz-时时彩杀号器app| www.5584.cn-快三计划倍投导师| www.08004.cc-中了彩票大奖| 双彩网www.590596.com| www.568980.com-鸿易彩票是真的假的| www.00ux.com-七星彩梦秘解图册| www.213159.com-彩票网站搭建多钱| www.775071.com-搜索网易彩票开奖| www.835993.com-好彩玩法技巧| www.901378.com-k8彩票登录平台| www.961415.com-环宇体育直播竞彩猫| www.qx17.com-皇家时时彩-| www.14yy.cc-体彩福彩下载|