jQuery拖拽进度插件inputProgressBar.js

所属分类:输入-拖和放,选择框

 6832  40  查看评论 (0)
分享到微信朋友圈
X
jQuery拖拽进度插件inputProgressBar.js ie兼容9

更新时间:2021-03-11 01:50:01

使用方法

需要引入文件:      

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.inputProgressBar.js"></script>

使用:      

$("#inputEle").inputProgressBar({
    dragEle: "#dragEle",
    clickEle: "#clickEle",
});

注意:

"#inputEle": input框选择器 

"#dragEle": 拖拽的元素选择器(当前进度标识 ) 

"#clickEle": 点击的元素选择器(进度条) 

"#inputEle","#dragEle","#clickEle",各选择器尽量用id选择器,确保唯一性

配置:

/**
 * 配置 config:
 * dragEle 拖拽的元素选择器(当前进度标识 )  """必须"""
 * clickEle 点击的元素选择器(进度条)  """必须"""
 * scope 进度条长度  默认:200px
 * max 最大范围  默认:100
 * min 最小范围  默认:0
 * unit 单位  默认:""
 * initVal 初始进度 默认值:""
 * isShow 是否显示范围  默认:true
 * cb(res) 回调函数=>获取当前的input值
 */
相关插件-拖和放,选择框

jQuery移动端手势滑动切换(原创)

仿探探应用首页,原生图片切换(个人原创)移动端
  拖和放
 31640  334

jQuery移动端滑动标尺

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

基于H5的拖拽功能

基于H5的拖拽功能,再用jQuery进行了功能完善,拖动后根据放置的位置来布局。
  拖和放
 43582  360

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

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

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

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