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.bieyiwei.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.bieyiwei.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.bieyiwei.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.853802.com-合肥市体育彩票竞猜| www.17pm.com-彩鸾归令词牌| www.738563.com-黑彩被骗报警管用么| www.306637.com-澳发彩-| www.2163.wang-做彩票代购合法吗| www.52487.cc-玩好彩有赚到钱的吗| www.073336.com-梦想彩票站官方网站| www.236743.com-江苏e球彩玩法介绍| www.447516.com-福彩2d怎么买| www.599249.com-彩票大雁计划网| www.835861.com-好彩代表什么生肖| www.984743.com-福彩双色球可选号| www.ut32.com-信誉私彩平台| www.270218.com-567彩票cc-| www.355175.com-福彩中福在线怎充钱| www.134345.com-好彩烟国内有卖吗| www.220921.com-uu快三走势图| www.270117.com-金亚洲彩票app| www.396844.com-彩票会员中心| www.543521.com-易彩彩票平台| www.773655.com-大小彩票平台| www.e51.club-福彩补拍-| www.10ew.com-酷彩海鲜锅多大合适| www.3240.pro-阳光彩票注册地址| www.63726.cc-古建筑彩绘图片| www.447964.com-澳洲3分彩开奖计划| www.538152.com-国彩什么意思| www.819670.com-支付宝积分换彩票| www.363913.com-廊坊福利彩票大奖| www.168568.cc-江苏快3彩票官网| www.757667.com-高盛彩票登陆| www.474810.com-长江彩票app| www.31831.com-重庆分分彩走势图| www.275393.com-今日头条彩票| www.417855.com-中博彩票系统| www.232355.com-吉林快三出的什么号| www.456929.com-时重庆市彩-| www.948404.com-体彩三地开奖| www.668579.com-七星彩画图规律| www.500240.com-卖彩票的工作怎么样| www.588492.com-七星彩神算孑图纸| www.33730.com-37彩票登录-| www.99135.com-重庆彩全天实时计划| www.079495.com-福彩预测3d-| www.222294.com-彩票系统破解软件| www.531367.com-玩网络时时彩违法吗| www.54277.com-福利彩票国家挣钱吗| www.853084.com-头彩88-| www.965815.com-全发国际彩票网址| www.eu1.com-快三秒热水器价格| www.xi66.cc-优乐彩票手机版下载| www.66vz.com-彩站宝客服怎么联系| www.sn83.com-安徽福彩遗漏数据| www.2348.vip-彩票三地综合走势图| www.096399.com-怎么加盟福利彩票店| www.209677.com-福彩快开彩怎么玩呢| www.2363.pw-七彩云南普洱茶饼| www.46091.com-68时时彩计划网| www.059966.cc-美国彩票开奖时间表| www.178110.com-贵州快三的开奖结果| www.269813.com-868彩票下载| www.381742.com-琼海彩票网-| www.528238.com-彩色画图片-| www.655722.com-星程彩票-| www.785198.com-胜彩票-| www.884024.com-乐彩网福彩3b预测| www.989789.com-购彩上8816-| www.gp86.com-福利彩票好彩1玩法| www.17.pw-竞彩2串1玩法介绍| www.0791.me-网上可以购买足彩| www.40077.cc-中彩那天易读错的字| www.026459.com-竞彩胜负预测| www.290928.com-爱彩乐十一选五多少| www.400111.com-福彩双色球网上投注| www.78656.com-陆慧明足彩任九最新| www.996496.com-新加坡天天彩资料| www.sw10.com-彩票老师-| www.6636.vip-双彩网开奖-| www.2487.vip-唯彩看球app苹果| www.445616.com-彩金项链能卖多少钱| www.48093.com-山东省彩票兑奖中心| www.35675.cc-彩99旧版本安卓| www.233290.com-彩吧图迷-| www.bg04.com-体彩大乐透下期分析| www.188181.cc-幸运快三计划网| www.397970.com-广东福彩双色球开奖| www.156040.com-彩客完整-| www.142918.com-新快三大小单双骗局| www.309929.com-吉林市体彩中心电话| www.399511.com-南国体彩开奖直播| www.531689.com-彩票中奖有命花么| www.632615.com-澳门3d彩票怎么看| www.120878.com-如何进微信彩票群| www.238234.com-河北快三和值推荐| www.429822.com-简单好看的水彩画| www.571291.com-好彩门户一爆特网| www.951253.com-彩185-| www.kx09.com-福彩pc是什么意思| www.65oj.com-大连福利彩票官网| 500彩票www.50080b.com| www.212884.com-私彩排行榜-| www.43241.com-够力七星彩解梦奖表| www.678224.com-今日体彩藏机图| www.755663.com-旺彩双色球ios版| www.865961.com-易迅彩票下载| www.945234.com-今天的湖北快三| www.cai8533.com手机彩票123| www.783.mobi-福州体彩31选7| www.bo21.com-大发快三怎么买| www.284151.com-澳门彩票平台送彩金| www.qo6.cc-吉林省体彩兑奖电话| www.e22.biz-彩票双色球机选号码| www.56124.com-关于彩票的好网名| www.90606.cc-新时时彩专业版软件| www.065605.com-新彩彩票靠谱吗| www.289433.com-5分彩计划软件| www.403815.com-七乐彩开奖数字规则| www.bk25.com-038彩票下载安装| www.299922.com-彩票指南网-| www.661165.com-五分彩时时计划表| www.878962.cc-五位数的彩票| www.357983.com-中国福利彩票计算机| www.cai1981.com银川快三走势图今天| www.227761.com-众彩彩票-| www.325196.com-海南有什么彩| www.51gf.com-国外竞彩网站| www.007789.com-乐彩客彩票-| www.960602.com-极速赛车彩票能玩吗| www.158407.com-竞彩专家分析推荐| www.lo72.com-哪些彩票是官方的| www.675914.cc-百度旺彩论坛| www.781714.com-彩票中多少钱要交税| www.856717.com-福彩一等奖概率| www.437470.com-陕西彩票中奖王先生| www.192522.com-吉林快三开奖今天| www.576850.com-时时彩官方计划网| www.718369.com-聚彩彩票有假的吗| www.800368.com-必中彩票手机下载| www.880169.com-大发快三的技巧| www.975489.com-七星彩专家预测晴予| www.bc5.com-彩票秘诀计算公式| www.483802.com-福彩3d大圣字谜| www.19cc.com-百合男骗局彩票股市| www.0739.bid-最赚钱的时时彩软件| www.8546.cc-易彩登录-| www.195764.com-中彩网北京快三| www.383780.com-山西福利彩票块3| www.510718.com-女生说你彩虹屁| www.572068.com-北京快三冷热号走势| www.652299.com-中彩网中奖大全| www.758063.com-中彩网开奖视频| www.672038.com-彩票实体店行业发展| www.851182.com-时时彩qq报号群| www.905485.com-19051期足彩| www.983417.com-彩16官方首页| www.ai23.com-七星彩技巧口诀| www.e20.tv-乐和彩票app下载| www.53gi.com-火箭彩票个人中心| www.58980.com-福利彩票福彩3d诗| www.936888.cc-福利彩票怎么玩的| www.75ub.com-500彩票破解方法| www.gb64.com-福彩快三追号| www.443318.com-爱投彩票是真的假的| www.529315.com-体彩售电金水区|