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.sjwxzsw.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.sjwxzsw.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.sjwxzsw.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.5196.biz-8816彩票下载| www.799950.com-快彩网什么时候开始| www.936632.com-最好的快开彩平台| www.cp9928.com-湖北快三今天走势| www.xv35.com-今日彩票晒票| www.ga17.com-天天中彩票正规吗| www.199046.com-体育彩票怎么买数字| www.333578.com-江苏快三是私彩吗| www.981873.com-安徽天天福彩站| www.009347.com-彩搜网-| www.345663.com-福利彩3d-| www.at42.com-湖北体彩兑奖中心| www.e79.cc-福彩30选7结果| www.p19.com-体育彩票几位数啊| www.67np.com-皇冠竞彩下载| www.197989.com-福彩快三河北的最坑| www.292785.com-广西福利彩票网站| www.77fv.com-零零时时彩手机版| www.eb81.com-内蒙古快三技巧| www.5465.com-体育彩票站点利润| www.6801.cc-体大乐彩票-| www.826.cm-中国彩民更懂彩民| www.806543.cc-彩票一拳-| www.336722.com-广西快三网投| www.466671.com-七乐彩历史的今天| www.577566.com-七星彩今日推荐号码| www.663915.com-时彩极限打法教程| www.766775.com-体彩大乐透幸运选号| www.09ov.com-旺旺彩票官方下载| www.mc50.com-最稳定彩票app| www.358779.com-有没有四位数的彩票| www.520967.com-快三出什么号8点| www.627665.com-必中分分彩在线计划| www.765955.com-大发快三最准算法| www.891709.com-五分彩平台app| www.988029.com-彩票倍投计算网页| www.qv99.com-彩票外挂是真的吗| www.nq40.com-模拟彩票的软件| www.06ge.com-用手机怎样买彩票| www.88uk.com-彩钢板围挡制作厂家| www.5849.vip-体彩排3跨度振幅表| www.914347.com-快三三军一期计划| 名门彩www.33997d.com| www.gb19.com-购乐彩-| www.30dy.cc-彩铅画简单风景画| www.449957.com-博彩赚返水-| www.144328.com-举报非法网络彩票| www.233205.com-幸运快三app网址| www.314244.com-好彩头-| www.160274.com-3d大中小乐彩网| www.40um.com-体彩大乐透元旦放假| www.893972.com-99彩票网站-| www.pw28.com-彩票什么叫砍龙| www.776884.com-今日江苏快三走势| www.889178.com-易彩网怎么注册| www.963549.com-实体店买足彩的流程| www.hu7.com-彩票斩龙什么意思| www.349504.com-下载爱乐透彩票门户| www.423691.com-香港聚宝盆彩票网站| www.515748.com-赢彩赢每日资讯| www.577686.com-分分彩在线计划| www.640803.com-爱彩人ios-| www.22906.com-赢彩彩与你同行| www.2491.me-足彩任选九场胆拖| www.5472.top-彩虹六号围攻官网| www.787343.com-新彩票走势网势首页| www.036420.com-爱玩彩票下载| www.137071.com-美国七彩集团| www.233151.com-足彩北单开奖结果| www.323661.com-体彩金七乐奖金表| www.381960.com-哪里有彩票挂机软件| www.67319.com-彩票九骗局-| www.037446.com-彩票行家com网址| www.10ns.com-福彩中心主任柀抓| www.318718.com-福彩跟体彩下载| www.519234.com-家彩搜索家彩开奖| www.31vd.com-釉中彩瓷碗有毒吗| www.941433.com-中福在线时时彩缩水| www.367091.com-体彩竞彩平包括什么| www.103633.com-体彩官网各开奖结果| www.253836.com-168彩票下载安装| www.358281.com-白小姐海南彩票| www.456194.com-乐博彩票软件| www.582038.com-天天乐彩票是真的吗| www.722813.com-浙江福彩领奖| www.954430.com-3d彩经网试机号| www.pw2.com-百宝彩走势图| www.310012.com-江苏体彩兑奖流程| www.448000.com-一分彩计划网| www.158783.com-彩票站app官方网| www.9431.cc-外国人能买彩票吗| www.7287.cn-儿歌彩虹-| www.53375.com-成都彩虹冰淇淋机| www.ky68.com-酷彩app官网下载| www.3814.cm-竞彩网开奖现场| www.454122.com-彩票软件哪个最好用| www.62wj.com-170彩票服务平台| www.220361.com-上海快三下载安装| www.5208.cc-3d新彩吧总汇| www.624022.com-福利彩票漏洞事件| www.549813.com-足彩店怎么开| www.892275.com-3d通福彩在哪下载| www.05tr.com-彩票开奖几点| www.110861.com-春节后彩票开业时间| www.629852.com-唯彩会福彩首页| www.067565.com-时时彩做庄有风险吗| www.08fc.com-彩79.com-| www.201851.com-易彩票app下载| www.211373.com-彩界联盟官方下载| www.082699.com-惠明乐彩票网| www.390583.com-分分彩如何稳赢| 幸运彩票www.665609.com| www.44983.com-58同城彩票刷流水| www.95561.com-福利彩票分配比例| www.1882.top-彩票聂军礼-| www.501675.com-体彩刮刮乐字母代码| www.44490.cc-彩色混凝土路面砖| www.09909.com-互联网彩票法律法规| www.196892.com-体彩开奖号直播现场| www.28933.cc-彩票可以控制吗| www.742598.com-彩票下注软件| www.008967.com-云南七星彩兑奖地点| www.169097.com-快三胆拖表-| www.858463.com-乐购彩网址-| www.ih70.com-体彩竞彩网-| www.922902.com-昆山福彩投注站转让| www.477001.com-冮苏体彩7位数| www.568748.com-双色彩票开奖记录| www.754525.com-秒彩苹果下载| www.824825.com-买彩票成瘾怎么戒| www.897637.com-彩票广告贴怎么弄| www.91em.com-好彩频道回看| www.169020.com-快三彩票合法吗| www.285355.com-安徽快3爱彩乐网站| www.ti09.com-快三是不是正规彩票| www.247764.com-抽屉定律应用于彩票| www.61060.com-彩吧vip能赚钱吗| www.019626.com-数字彩票规律学| www.290014.com-福利彩票奖金怎么算| www.44446.cc-买高频彩能赢钱么| www.858949.com-彩票查-| www.5381.vip-3个数的是什么彩票| www.6876.wang-彩票密集-| www.700120.com-福利彩票快三改时间| www.774435.com-简单水彩画教程| www.861837.com-体彩实体店的图片| www.920135.com-百万彩票是骗局吗| www.968740.com-代玩彩票人的微信号| www.012598.com-竞彩软件-| www.399228.com-七星彩内部直码信息| www.360584.com-长春体彩怎么领奖| www.524431.com-918彩票注册平台| www.269615.com-帝王彩票app| www.236000.com-竞彩500万-| www.fs08.com-大发uu直播快三| www.1577.xyz-广东福彩冀彩宝| www.68679.cc-至尊彩官网-| www.067567.com-中彩网北斗3d推荐| www.424340.com-海南私彩开奖查询| www.539013.com-众赢彩票娱乐平台| www.54sr.com-体彩店提成收入| www.874860.com-7k网彩票分分彩| www.925417.com-宏发快三开奖| www.966936.com-点击彩是不是真的|