查看: 2254|回复: 1
打印 上一主题 下一主题

关于 左右切换按钮 和分页按钮的隐藏

[复制链接]
  • TA的每日心情
    擦汗
    2017-1-15 01:05
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    2

    主题

    9

    帖子

    35

    积分

    新手上路

    Rank: 1

    积分
    35
    跳转到指定楼层
    楼主
    发表于 2017-1-12 05:09:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    怎么才能把两边的箭头  和分页按钮 在鼠标离开的时候隐藏 鼠标移动到切换元素的时候显示呢?
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2017-3-14 15:43
  • 签到天数: 12 天

    [LV.3]偶尔看看II

    0

    主题

    24

    帖子

    130

    积分

    注册会员

    Rank: 2

    积分
    130
    沙发
    发表于 2017-1-12 09:34:51 | 只看该作者
    本帖最后由 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();
           })
    });
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-24 03:36 , Processed in 0.057740 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表