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

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

 33587  317  查看评论 (9)
分享到微信朋友圈
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

鼠标拖动翻页

鼠标可以拖动表格来翻页,十分方便,界面也很漂亮
  拖和放
 29209  329

jQuery行间拖拽插件

行与行之间移动,行内块状移动,小块独立一行
  拖和放
 28461  311

可拖拽图片文本框(类似QQ发送消息框)

支持拖拽图片,并且将图片转换为base64,兼容IE8以上所有浏览器
  拖和放
 30378  304

拖动排序插件

实现在两个div中,互相自由的拖动,并且排序
  拖和放
 51709  484

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

    。花开在静默的半夏 0
    2021/1/26 10:20:52
    彭宏丁 0
    2021/1/21 10:39:16
    插件使用后 若插件里是iframe的话不会出现轻轻一点就翻页的情况 但是 若是平常的html代码 就会出现 你鼠标不小心轻轻一点 也许是向左也许是向右滑动了一点点(几PX) 插件就直接翻页了 求带佬解 回复
    彭宏丁 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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复