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

知道了
58福彩 www.380994.com-什么的彩云填空| www.0527.wang-双色球天津福彩网| www.090769.com-手机众彩网app| www.103104.com-彩票追冷-| www.bm02.com-体育彩票平台app| www.ua89.com-幽默的彩票宣传语| www.78gp.com-彩票中奖推送| www.2762.wang-唐山福彩网-| www.201826.com-5分快三全天计划网| www.299036.com-上海快三最高奖金| www.8870.loan-如何买福利彩票复式| www.087213.com-亿彩苹果下载| www.183610.com-河南快三一定牛遗漏| www.371010.com-黄金时时彩计划王| www.6090.net-碧彩-| www.47399.com-贵州福利彩票下载| www.ca77.com-天天彩票下载| www.d98.net-竞彩欧赔初赔绝密| www.66pk.cc-中彩票怎么缴税| www.554062.com-晨光彩票-| www.773861.com-博彩官方彩票网| www.866492.com-河南快三玩法图| www.936643.com-无人彩票机代理| 澳客彩票www.104ak.com| www.77644.cc-手机贴彩膜多少钱| www.069408.com-七乐彩今晚开奖号| www.02yn.com-惠民彩票是骗子吗| www.939161.com-xy77彩票app| www.80rh.com-银河彩票网可以信吗| www.74kl.com-东方亮彩工资怎么样| www.345250.com-体彩数字3查询| www.451396.com-天天彩票钱能提现吗| www.358972.com-打七星彩技巧与规律| www.466469.com-45秒彩哪个平台有| www.559106.com-彩垔开奖公告| www.640612.com-爱盈彩手机下载| www.733202.com-江苏体彩中心在哪| www.132573.com-最大的彩票app| www.085159.com-彩之网首页-| www.247810.com-福彩十分钟交流群| www.71520.cc-幸运彩02-| www.19798.cc-吉林快三过年休息吗| www.1972.org-巨龙彩票手机版| www.753730.com-彩票12靠谱吗| www.857003.com-大盛娱乐彩票| www.943404.com-时时彩长龙经验| 8彩www.137518.com| www.870238.com-福彩3d胆组合| www.01mg.com-丹东福彩3b牛材网| www.5251.net-德州好彩app下载| www.53759.cc-福利彩票3查询结果| www.481517.com-彩票对刷流水安全吗| www.051155.com-真实的彩票投注网站| www.06665.com-帮投彩票是什么套路| www.82537.com-彩票excel模板| www.055234.com-北京彩票票面| www.053787.com-足彩任九吧-| www.vh.com-彩票大全-| www.307654.com-派彩每日推荐双色球| www.437008.com-竟彩胜平负计算器| www.874696.com-快三半顺图片| www.970554.com-什么是彩托-| www.nf1.com-快三大小-| www.80pj.com-下载九号彩票| www.58587.cc-彩票彩报-| www.274728.com-大发时时彩稳赚技巧| www.678038.com-易彩代理-| www.813722.com-宁夏11选5彩票十| www.981254.com-两元彩票网在线缩水| www.bs55.com-老彩民app玩快三| www.376687.com-黑龙江福彩网彩票| www.507185.com-支付宝购买福利彩票| www.595083.com-彩票领奖时间| www.673748.com-古建彩绘图案贴纸| www.790958.com-今天广西快三结果| www.872577.com-福彩端是什么软件| www.947149.com-快频彩违法吗| 福利彩票www.99677m.com| www.55475.com-中国彩票qq交流群| www.350111.cc-乐彩首页17500| www.n53.cn-500彩票官方网站| www.x68.cc-709彩票中奖福地| www.98rh.com-河北快三开将结果| www.pm06.com-福彩3d采摘网| www.328122.com-南方双彩票-| www.556.tv-腾讯分分彩避免连挂| www.762286.com-网络彩票怎么能稳赚| www.888094.com-500彩票没邀请码| www.023702.com-百胜彩票登陆| www.470.loan-到底有没有彩票托| www.zy2.com-福彩河北-| www.275358.com-河内5分彩官网开奖| www.705866.cc-福彩3d天牛彩吧| www.814285.com-福利彩票双色球讲解| www.342666.com-福彩官方网首页| www.35792.cc-上海彩亿骗局揭秘| www.97991.cc-汪汪时时彩最新版| www.077555.com-体彩十一夺金走势图| www.450818.com-彩美旬果磁力链接| www.920099.com-彩乐乐遗漏数据查询| www.028208.com-彩票软件怎么做| www.783851.com-彩17官网-| www.300026.cc-75858彩票注册| www.bu09.com-779彩票app-| www.tb93.com-取个赚钱的彩票网名| www.91645.com-红圈好彩-| www.967734.com-5d体彩-| 天下彩www.745568.com| www.520362.com-买彩票的人都是穷人| www.nn72.com-竞彩保本对冲7%| www.356479.com-购物送彩票宣传语| www.qg56.com-广东36选七好彩3| www.661890.com-竞彩八串八-| www.091780.com-惠民彩票能提现吗| www.227338.com-快三怎么看-| www.343271.com-大连彩票兑奖时间| www.515186.com-2014七星彩-| www.166100.com-快三-| www.ec49.com-彩票套利技术| www.vd87.com-彩神通论坛-| www.126794.com-彩票最快开奖网址| www.968334.com-安徽彩票中奖记录| www.ce23.com-青海省快三开奖查询| www.4011.cn-三度白菜论精彩打造| www.oh34.com-福彩3d银海彩票| www.565673.com-今晚福彩3d怪字图| www.221491.com-彩90彩票信誉| www.019687.com-贵阳福彩中心地址| www.101404.com-立彩是什么东西| www.1388.top-简单水彩风景画| www.250508.com-彩票全能中彩可靠吗| www.299.online-微信里有个国际彩票| www.11810.com-泰国彩票开奖| www.79295.com-体彩线上培训| www.890165.com-篮球彩票258| www.454799.com-全球著名博彩公司| www.240220.com-支付宝买彩票| www.893719.com-双色球彩票工具| www.958301.com-体彩七星彩下期预测| PK彩票www.8499w.com| www.958297.com-大乐透彩票买法| www.897613.com-福利彩票加盟条件| www.963192.com-进球彩开奖-| 幸运彩票网www.33598h.com| www.we18.com-内蒙快三推荐| www.578030.com-彩票微信代购违法吗| www.682870.com-哪个手机软件买彩票| www.884974.com-爱彩乐天津十一选五| www.962292.com-重庆十分彩开奖号码| www.cai4441.com河南福彩快三| www.79587.com-福彩3d牛彩网首页| www.038732.com-今天彩票3d图| www.175391.com-福建快三今天开奖| www.933970.com-博彩套利违法吗| www.ia90.com-网络彩票平台排行榜| www.77679.cc-代购海外彩票| www.151228.com-彩票888com-| www.596668.com-极速飞车彩票公式| www.914828.com-8体彩屋app-| www.974900.com-公务员买彩票违法不| 幸运彩票www.444201.com| www.668520.com-周口那边彩礼多少钱| www.8350.vip-红辣椒够七星彩安装| www.50404.com-qq彩票送58彩金|