分类
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/layer/layer.js"></script>
<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.17sucai.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.17sucai.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.17sucai.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>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
此作品是由17素材网签约用户上传,17素材网拥有版权;未经17素材网书面授权,请勿作他用。人物肖像,字体及音频如需商用需第三方额外授权;
17素材网尊重知识产权,如知识产权权利人认为平台内容涉嫌侵权,可通过邮件:3264130392@qq.com提出书面通知,我们将及时处理。
网站提供的党政主题相关内容(国旗、国徽、党徽...),目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。