jQuery自定义拖拽插件

所属分类:输入-拖和放

 9538  99  查看评论 (0)
分享到微信朋友圈
X
jQuery自定义拖拽插件 ie兼容12

更新时间:2020-09-14 23:37:54

使用方法

拖拽元素调用hjDrag方法,参数为一个对象 例如:      

$("#box3").hjDrag({
    titleSelector: "h3",
    left: 0,
    up: 0,
    right: 800,
    down: 400
})

titleSelector是标题元素的选择器,如果传了,就是只有鼠标点击到标题元素才能拖动,点击其他地方不能拖动;不传就是鼠标无论点击元素哪个地方都能拖动。

后四个参数是拖拽的范围,不传就是不限定范围的拖拽。

相关插件-拖和放

jQuery移动端滑动标尺

移动端卡尺,滑动标尺,标不动
  拖和放
 25062  319

图标拖拽效果,兼容所有浏览器

原生JS实现图标图片拖拽,封装好了,可以直接拿去使用
  拖和放
 38565  374

拖动排序插件

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

jQuery九宫格拖拽效果

九宫格拖拽效果简单上手附带代码注释详解
  拖和放
 29135  315

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复