Swiper中文论坛

标题: 关于左右切换按钮和分页按钮的隐藏 [打印本页]

作者: nujiakkk 时间: 2017-1-12 05:09
标题: 关于左右切换按钮和分页按钮的隐藏
怎么才能把两边的箭头和分页按钮在鼠标离开的时候隐藏鼠标移动到切换元素的时候显示呢?

作者: ryang123456 时间: 2017-1-12 09:34
本帖最后由 ryang123456 于 2017-1-12 09:40 编辑

写个js，鼠标移动到div[swiper-container]时，把箭头和分页的div不显示，最好都用id

$(function(){
   $(".swiper-container").mouseout(function(){
            $(".swiper-button-prev").hide();
            $(".swiper-button-next").hide();
            $(".swiper-pagination").hide();
   });
   $(".swiper-container").mouseover(function(){
            $(".swiper-button-prev").show();
            $(".swiper-button-next").show();
            $(".swiper-pagination").show();
   })
});

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