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.mangefushi.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.mangefushi.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.mangefushi.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.cp80.com-江西福利彩票快三| www.490505.com-怎么买彩票稳赚不赔| www.693489.com-体彩大乐透怎样兑奖| www.857298.com-27996国彩-| www.974740.com-彩票3月24-| www.eq72.com-北京快三公交路线| www.126834.com-买彩员-| www.172590.com-福彩快3app-| www.278736.com-赌彩票输了50万| www.378498.com-时时彩平台大全| www.293690.com-苏州福利彩票网| www.021825.com-体肓彩票大乐透规则| www.71555.com-利盈彩票下载| www.066371.com-黑彩5分钟一期| www.6928.wang-七彩云南票价| www.121520.com-最新微信彩票群| www.27163.cc-2v免费彩票-| www.223666.com-uu直播大发快三| www.608577.com-送28元红包时时彩| www.18510.com-派彩下载-| www.32nh.com-彩票中奖谁先知道| www.794304.com-微信彩票游戏| www.760937.com-彩礼三金是什么| www.909400.com-福建快三今日推荐| 500彩票www.338057.com| www.017031.com-彩票5分钟开奖| www.130989.com-确山彩礼-| www.377585.com-彩票店门店设计图| www.313678.com-体育竞彩网首页| www.882531.com-1寸彩色相片图片| www.483852.com-彩票双色球号码顺序| www.20td.com-美国28彩票平台| www.92cv.com-快乐五分钟彩票| www.74377.com-福彩双色球胆拖中奖| www.137263.com-七彩冰淇淋配方| www.271635.com-中原彩票app| www.443296.com-网易彩票吞钱吗| www.287459.com-致富彩快3-| www.k29.net-福彩3d表-| www.90hj.com-体彩排列3和值遗漏| www.944478.com-体育彩票机选一注| www.cai6455.com马来西亚和乐彩| www.569882.com-福彩3d顺子有几组| www.670339.com-福利彩票3d太湖| www.752721.com-01彩票被坑-| www.822699.com-排列三开机号利彩网| www.901929.com-永利棋牌彩票| www.966821.com-万彩吧彩票3d预测| www.f15.me-今日福彩三d新彩吧| www.46ax.com-头奖彩票官方下载| www.5045.org-网上实体店买彩票的| www.815326.com-秒开彩-| www.929612.com-六合牛娃彩票| www.13085.com-足彩8串28计算| www.sz74.com-6位数的彩票| www.860524.com-体彩专家推荐排列三| www.576841.com-广东彩票下载安装| www.131889.com-滨州结婚彩礼价格表| www.811699.com-甘肃快三4月14日| www.993519.com-竞彩足球二选一玩法| www.yg02.com-福利彩票奖金计算器| www.417590.com-体育彩票qq交流群| www.26tk.com-杨哥说彩双色球预测| www.377300.com-体彩彩票开奖时间| www.424334.com-私人彩票是否合法| www.683811.com-盛彩彩票官网| www.868708.com-彩票平台系统出租| www.970829.com-迷彩免手机影视网| www.if02.com-14彩-| www.541124.com-亚洲塚本彩-| www.964272.com-彩票号码筛选软件| www.0376.loan-古风彩铅手绘| www.883207.com-彩友多软件合法吗| www.99254.com-去店里咋买彩票| www.134703.com-快三回血有成功的吗| www.318456.com-彩票开奖查询今天| www.726313.com-河北福彩中心| www.827359.com-彩票中怎么顺龙| www.900618.com-竞彩报墨不文| www.973835.com-大乐透中奖彩票图案| www.ej58.com-3彩彩票官网| www.yh68.com-76858彩票登录| www.11wi.com-中国体育彩票十| www.008223.com-下载星宇购彩| www.486669.com-高频彩票计划| www.cp9663.com-今日中彩-| www.a58.vip-香港老彩民研究心得| www.zl31.com-乐米彩票入口| www.25qo.com-排列三彩票交流论坛| www.93fg.com-吉林快三和值号码图| www.c3.cc-快三黑平台-| www.67vr.com-三d开机号彩吧| www.197597.com-今日七星彩专家预测| www.31422.com-胜负彩开奖历史数据| www.749103.com-吉林快三今天推荐号| www.930879.com-198彩官网-| www.cp799.cc-快三网上代理平台| www.796483.com-9彩票网站-| www.922644.com-彩8在线安全么| www.jd29.com-彩票站有北京快三么| www.287822.com-快乐彩票江苏快三| www.410520.com-七彩球开什么号码| www.531777.com-十年前彩票中奖号码| www.590535.com-七星彩涂谜-| www.hn89.com-好彩网是诈骗网站吗| www.91fh.com-500彩票包赔| www.727499.com-山东福彩官方app| www.862038.com-广西快三研究| www.963764.com-下载500体彩| www.mr2.com-玩彩票输了50万| www.487638.com-彩友多彩票-| www.355539.com-徐文轩彩票骗子| www.502237.com-中国福利彩票套利| www.68yn.com-澳客网彩票√| www.34be.com-湛江七星彩开奖号码| www.14394.com-江苏e足彩开奖结果| www.83826.cc-游戏厅刮刮彩票机器| www.069862.com-彩票查询七星彩开奖| www.161101.com-深圳宝安区福利彩票| www.gc.cc-易旺彩票北京快三| www.763505.com-足彩工作室团队招聘| www.830872.com-购彩平台元角分| www.682712.com-彩票榜网页-| www.262456.com-皇都彩票苹果版| www.740088.com-澳彩平半受平半| www.805216.com-福利彩票骗局揭秘| www.882840.com-大佬彩票-| www.985213.com-竞彩单场专家总汇| www.ev33.com-甘肃福彩快三| www.903703.com-一分大发快三技巧| www.966369.com-网投彩票快三| 大赢家彩票网www.178571.com| 鑫亿彩www.095069.com| www.190102.com-快三大小单双口诀图| www.689007.com-手机上购买福利彩票| www.256888.com-28彩票下载-| www.591100.com-449cc天下彩| www.065881.com-彩虹世界app下载| www.364638.com-五亿彩票官方网站| www.113914.com-幸运快三计划群骗局| www.169132.com-快三大小玩法| www.56795.cc-福建快三助手| www.716003.com-彩乐乐3d-| www.831115.com-人工智能彩票选号| www.127988.com-彩虹儿歌歌词| www.597.in-彩汇纺织-| www.3460.top-网上彩票赌博靠谱吗| www.20304.cc-四川省福利彩票| www.221656.com-瑞彩祥云快三技巧| www.533499.com-彩票选哪个数字| www.54ia.com-江西福彩助手下载安| www.19wy.com-无锡彩旸-| www.75px.com-足彩十四场及时比分| www.507557.com-苏宁易购app彩票| 天天彩票www.106076.com| www.2976.xyz-特区七星彩彩票论坛| www.8490.in-欧洲杯彩票app| www.866655.com-今晚开什么号码彩票| www.935379.com-时时彩定胆杀号| www.997498.com-玩快开彩票输了| www.ag4.cc-宁夏福彩宁夏体彩| www.623019.com-红牛娱乐彩票| www.5003.cn-彩色苹果箱子批发| www.9952.top-彩票开奖结…果|