基于Swiper4 实现的页面拖拽左右滑动效果

所属分类:输入,媒体-拖和放,Tabs

 22378  248  查看评论 (7)
分享到微信朋友圈
X
基于Swiper4 实现的页面拖拽左右滑动效果 ie兼容11

更新时间:2018/12/18 下午5:12:44

更新说明:添加了监听事件:

xsw_swiper({
    index: 0, //默认为0
    data: function(index) { //监听事件
        console.log(index) //监听到的index
    }
})
<div> class='qiHuan' data-index='0'  data-xunClass='xuan'>第一</div>
  • data-index:当前table链接到第几个

  • data-xunClass:当前页的样式

  • <div  data-activeIndex='0'>:data-activeIndex:当前页数的index

相关插件-拖和放,Tabs

htmlt拖放

html5拖放排序
  拖和放
 23642  264

拖动滑块验证

拖动滑块进行验证
  拖和放
 54467  434

jQuery移动端滑动标尺

移动端卡尺,滑动标尺,标不动
  拖和放
 18471  259

jquery拖动排序插件Nestable

jquery拖动排序插件Nestable
  拖和放
 74777  400

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    彭宏丁 0
    2020/11/23 17:54:11
    萌新想问一下为什么放到ul里就失效了 回复
    ゆBlUeS.㈨ 0
    2019/1/24 12:12:29
    Uncaught TypeError: Cannot read property 'length' of undefined
    at h.slideTo (swiper.min.js:12)
    at xsw_js.js:45
    为什么出现这种情况 回复
    guo一号 0
    2018/12/20 20:45:10
    _依涵_ 0
    2018/12/18 19:01:03
    我不会唱丁香花 0
    2018/12/18 16:56:22
    打小村里人就说我帅 0
    2018/12/18 11:01:52
    可不可以多兼容ie
    回复
    ... 0
    2018/12/14 16:43:48
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复