Swiper中文论坛

标题: Swiper4.x使用方法 [打印本页]

作者: 小小新 时间: 2019-12-30 14:59
标题: Swiper4.x使用方法
<!DOCTYPE html><html><head> ... <link rel="stylesheet" href="path/to/swiper.min.css"></head><body> ... <script src="path/to/swiper.min.js"></script></body></html>
<div class="swiper-container"> <div class="swiper-wrapper">       <div class="swiper-slide">Slide 1</div>       <div class="swiper-slide">Slide 2</div>       <div class="swiper-slide">Slide 3</div> </div>  <div class="swiper-pagination"></div>        <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>        <div class="swiper-scrollbar"></div></div>
.swiper-container { width: 600px; height: 300px;}
<script>       var mySwiper = new Swiper ('.swiper-container', { direction: 'vertical', loop: true,       // 如果需要分页器 pagination: {    el: '.swiper-pagination', },       // 如果需要前进后退按钮 navigation: {    nextEl: '.swiper-button-next',    prevEl: '.swiper-button-prev', },       // 如果需要滚动条 scrollbar: {    el: '.swiper-scrollbar', },  })       </script></body>
<script type="text/javascript">window.onload = function() {  ...}</script>
<script type="text/javascript">$(document).ready(function () { ...})</script>
yao.xywy.com/ppyy/1796.htmlyao.xywy.com/ppyy/1801.html

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)