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.jdhf-bj.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.jdhf-bj.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.jdhf-bj.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.987221.com-全民福彩下载| www.ua76.com-彩票拉人术语| www.628967.com-彩票咋个买几个数字| www.gi06.com-红快三开奖结果| www.2156.top-彩经网众乐快三| www.26168.cc-是谁让彩虹这样美丽| www.034954.com-彩79-| www.ng46.com-小米彩票官网| 8816彩票www.8816x.com| www.561783.com-私掠团队彩票计划| www.628860.com-93彩票网站-| www.711393.com-天天福彩图-| www.792058.com-彩票掉包-| www.869367.com-七星彩购买-| www.948255.com-好彩网免费资料同行| 好彩头www.51331f.com| www.465189.com-彩票分几种玩法| www.678839.com-彩印通下载-| www.780526.com-快三权威平台租用| www.261821.com-掌上七天彩彩票官网| www.230631.com-财神网络彩票正规吗| www.309597.com-燕赵福彩网首页| www.258866.com-返点高的彩票平台| www.458021.com-海南七星彩私彩赔率| www.69618.com-九九集团彩票可信吗| www.017102.com-跟导师买彩票骗局| www.55689.cc-福彩3d是传销吗| www.927444.com-6和彩开奖结果网址| www.656886.com-七彩金龙鱼-| www.361217.com-滴滴彩票安卓版| www.660351.com-七星彩彩南国论坛| www.461200.com-彩宝网试机号今天| www.562702.com-高频彩都有哪些平台| www.661227.com-中国彩票第一狂人| www.03103.com-中彩娱乐中彩在线| www.sl7.com-重庆时时彩骗局| www.51nf.com-苏州体彩巨奖| www.989480.com-上海快三彩票投注| www.407945.com-众信彩票网-| www.074770.com-彩富网资料同大全行| www.fi30.com-彩票预测下载| www.65ab.com-重庆时时彩基本走势| www.60607.com-七彩乐开奖结果图表| www.6751.pw-六福彩票靠谱吗| www.4502.cn-彩票的利润有多大| www.932106.com-老师带快三-| www.77150.com-竞彩任选九中奖规则| www.139884.com-快三和值投注技巧| www.225865.com-求时时彩qq群| www.252207.com-苹果手机彩膜| www.052743.com-快三一分彩技巧| 500彩票网www.65707x.com| www.wt88.com-人人中彩票网站| www.65qx.com-彩运连连双色球| www.4309.vip-双彩论坛客户| www.40266.com-手机投注三分彩| www.235821.com-足球胜负彩预测| www.842929.com-福彩哪年起售| www.01876.com-南国社区彩票网| www.855166.com-快三重一注多少钱| www.115687.com-手机彩票代购| www.236407.com-乐乐彩票是不是真的| www.332819.com-新浪彩票网官网首页| www.465812.com-六开彩开奖怎么玩| www.638588.com-中国彩票的监管部门| www.774420.com-天天中彩怎么倒闭了| www.875347.com-亚投彩票平台| www.841895.com-福彩五行属性| www.912881.com-新浪体彩开奖查询| www.974952.com-彩票查询双色球中| www.nl5.com-湖北新快三结果走势| www.395673.com-用手机昨买3d彩票| www.2093.cm-南京上期福彩大奖| www.5387.biz-体彩8+2多少钱| www.947453.com-网购福彩双色球| 幸运彩票www.444165.com| www.997677.com-彩神软件破解版免费| www.fo38.com-浙江体彩网手机版| www.xq58.com-福利彩票第35期| www.15ks.com-巴中结婚彩礼和陪嫁| www.78ju.com-香港官网彩票| www.by86.com-彩票术语砍龙| www.rr12.com-王牌彩票可不可靠| www.5760.cc-地下彩票犯法吗| www.782178.com-贵州37彩票中奖| www.880017.com-三3d彩吧图库| www.996184.com-足彩单场竞猜比分| www.rr6.com-福利彩票快3玩法| www.366985.com-香港特彩票结果| www.375867.com-彩宝款式图片大全| www.021714.com-中国福彩快乐10分| www.501688.com-体彩刮刮乐777| www.358976.com-怎么选七星彩号码| www.454183.com-app下载乐彩站| www.773603.com-王博士彩票中奖秘籍| www.849206.com-金鹰团队重庆时时彩| www.946912.com-中彩网北京pk10| 来运彩票www.5555y.cc| www.123630.com-一对一彩票导师| www.6340.cm-在网上怎么购买彩票| www.13168.com-竞彩足球分析专家| www.329820.com-彩涂彩吧图库| www.420168.com-卓易彩票什么情况| www.526307.com-中彩票领奖流程| www.661514.com-乘风网彩票合买| www.765259.com-七808彩票网| www.835890.com-广东彩王彩图新宝会| 彩乐乐www.cll168.com| www.iq69.com-一分钟快三软件| www.e35.top-最新的彩票查询结果| www.003947.com-大乐斗彩票开奖查询| www.87888.com-佳缘彩票骗局| www.338012.com-福彩今晚开什么码| www.002272.com-三地彩票定胆杀号| www.56zp.com-体彩报纸哪里订| www.288240.com-熊猫娱乐时时彩| www.668228.com-彩票买哪一个好| www.344757.com-彩8娱乐有猫腻吗| www.60039.cc-今晚竞彩有几场| www.2yv.cc-比较好的黑彩平台| www.79ej.com-福利彩票六加一规则| www.6579.org-皇鼎彩票下载| www.213283.com-拼搏在线彩票开奖| www.938334.com-试机号双色球开门彩| www.981742.com-彩票刷水套利软件| www.iz4.com-内蒙快三助手下载| www.3817.cc-南国七星彩票图版| www.099367.com-做梦彩票中奖了| www.430868.com-齐鲁风彩双色球预测| www.205591.com-网上黑彩平台| www.279731.com-92彩票app-| www.170287.com-甘肃彩票快三走势图| www.239198.com-网络彩票诈骗报警| www.703673.com-竞彩足球网站骗局| www.819650.com-易中奖预测彩票准吗| www.918771.com-平台博彩-| www.982809.com-如意彩票登录网站| www.w82.org-神彩奕奕的动物| www.288.top-七星彩三字现有几组| www.6826.in-下载全民彩票| www.30369.com-京东有时时彩吗| www.174834.com-网上快三能玩吗| www.806543.cc-彩票一拳-| www.637652.com-网上能买3的彩票吗| www.540791.com-经彩同志小说| www.0257.cn-中彩票的人是命好么| www.008244.com-中国福利彩彩票开奖| www.745368.com-福彩3d开奖结果日| www.559578.com-彩票27亿-| www.506886.com-体彩开奖玩法介绍| www.4771.cc-网络彩票大小单双| www.20669.com-运盛彩票最新导航| www.71181.com-11选5购彩窍门| www.692928.com-31人合买彩票中奖| www.780538.com-今日篮彩推荐| www.882019.com-彩票平台招聘计划师| www.949073.com-福彩在线刮刮乐| www.988566.com-幸运中彩票-| www.gu9.com-安徽快三怎么投注| www.380877.com-新西兰45秒彩官网| www.653427.com-玖亿彩票试玩金额| www.85807.com-福利彩票站最近| www.035565.com-彩票广告-| www.145658.com-时时彩最聪明的玩法|