上一節我們實作了一個基本的滑動頁面，除了滑動什麼功能都沒有，那麼這堂課我們就要在頁面當中加入其他的功能屬性了。
先依照上節課的內容，將一個基本的swiper頁面實現。
然後在初始化的js程式碼當中加入屬性。
當然事先不要忘記引用下載好的框架檔案。
我們先加入翻頁導覽的功能元件。
在外部容器當中加入翻頁導航。
<div class="swiper-Container">
<div class="swiper-wrapper">
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
</div>
<div class="swiper-pagination"></div> //翻页导航的div
</div>
<script>
var swiper = new Swiper('.swiper-container',{
pagination:'.swiper-pagination', //绑定翻页导航
paginationClickable:true //设定可以点击翻页导航进行翻页
});
</script>
這樣就在頁面當中加入了一個翻頁導覽出來。
以上就是swiper的基礎使用（二）的內容，更多相關內容請關注PHP中文網（m.sbmmt.com）！
