jQuery自定义拖拽插件

所属分类:输入-拖和放

 1180  13  查看评论 (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多容器之间拖曳

除了有一般拖曳的功能,还可以在不同容器之间拖曳。
  拖和放
 25234  324

拖动排序插件

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

微信左划删除效果

微信左划出现删除按钮
  拖和放
 30010  338

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

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

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

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