mySwiper.pagination.bullets
获取Swiper的分页器的小点bullets的Dom7对象数组。通过类似mySwiper.pagination.bullets[1]获取其中某个。
mySwiper.pagination.bullets信息
- 启用版本：
- 4.0.0
效果演示
鼠标滑过pagination控制swiper切换
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper',{
pagination: {
el: '.swiper-pagination',
clickable: true,
},
})
//鼠标滑过pagination控制swiper切换
for(i=0;i<mySwiper.pagination.bullets.length;i++){
mySwiper.pagination.bullets[i].index=i
mySwiper.pagination.bullets[i].onmouseover=function(){
mySwiper.slideTo(this.index);
};
}
//如果你开启了clickable，还可以这样
for(i=0;i<mySwiper.pagination.bullets.length;i++){
mySwiper.pagination.bullets[i].onmouseover=function(){
this.click();
};
}
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/pagination/244.html