分类
<link type="text/css" rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/swiper.min.js"></script>
<div class="banner-box"> <div class="banner-top"></div> <div class="banner-title"> <h1>选择一个漂亮的模板</h1> </div> <div class="banner-text"> <p>别具一格的不仅是风景,更是您的官方网站</p> </div> <div class="banner-top-one"></div> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-center none-effect"> <a href="javascript:;"> <img src="images/banner1.jpg" about="" title=""> </a> </div> <div class="swiper-slide"> <a href="javascript:;"> <img src="images/banner2.jpg" about="" title=""> </a> </div> <div class="swiper-slide"> <a href="javascript:;"> <img src="images/banner3.jpg" about="" title=""> </a> </div> <div class="swiper-slide"> <a href="javascript:;"> <img src="images/banner4.jpg" about="" title=""> </a> </div> <div class="swiper-slide"> <a href="javascript:;"> <img src="images/banner5.jpg" about="" title=""> </a> </div> <div class="swiper-slide"> <a href="javascript:;"> <img src="images/banner6.jpg" about="" title=""> </a> </div> </div> <div class="banner-arrow"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> <div class="swiper-pagination"></div> </div> <div class="banner-button"> <a href="javascript:;" class="do-btn banner-button-btn"> 更多模板 </a> </div> <script type="text/javascript"> window.onload = function() { var swiper = new Swiper('.swiper-container',{ autoplay: false, //是否自动滚动 speed: 500, //滚动速速 autoplayDisableOnInteraction: true, loop: true, centeredSlides: true, slidesPerView: 3, //当前选中 pagination: '.swiper-pagination', paginationClickable: true, prevButton: '.swiper-button-prev', // 左右切换 nextButton: '.swiper-button-next', // 左右切换 onInit: function(swiper) { swiper.slides[3].className = "swiper-slide swiper-slide-active"; //当前选中 状态 }, breakpoints: { 100: { slidesPerView: 0, } } }); } </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
此作品是由17素材网签约用户上传,17素材网拥有版权;未经17素材网书面授权,请勿作他用。人物肖像,字体及音频如需商用需第三方额外授权;
17素材网尊重知识产权,如知识产权权利人认为平台内容涉嫌侵权,可通过邮件:3264130392@qq.com提出书面通知,我们将及时处理。
网站提供的党政主题相关内容(国旗、国徽、党徽...),目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。