pagination
定义一个Swiper的分页器。默认会在这个分页器里面生成与slide对应的span标签。
要求类型是css选择器或者HTML标签。
要求类型是css选择器或者HTML标签。
pagination参数
- 类型:
- string or HTML Element
- 默认:
- 举例:
- .pagination
效果演示
使用方法示例
<div class="pagination"></div>
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
pagination : '.pagination',
})
</script>
<style type="text/css">
.pagination {
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
text-align: center;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #555;
margin: 0 5px;
opacity: 0.8;
border: 1px solid #fff;
cursor: pointer;
}
.swiper-active-switch {
background: #fff;
}
</style>
转载原创文章请注明:文章转载自:Swiper中文网 [https://2.swiper.com.cn]
本文地址:https://2.swiper.com.cn/api/pagination/2014/1217/68.html