jQuery拖拽进度插件inputProgressBar.js

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

 6833  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值
 */
相关插件-拖和放,选择框

JS表格列自由拖拽排序特效代码

该插件为纯js代码,实现表格列的自由拖拽,以及按列排序
  拖和放
 40858  405

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

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

jQuery拖动滑块选择数字插件sider.jquery.js

通过拖动滑块快速输入数值,并可以设置常用的数值快速选择
  拖和放
 28268  313

基于H5的拖拽功能

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

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

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