编程 rangeSlider进度条滑块

2024-11-19 06:49:50 +0800 CST views 3543

今天不写文章,介绍一款基于jquery的进度条滑块

官网地址 rangeSlider

##demo

Obj: {
    "input": object,            // jQuery-link to input
    "slider": object,           // jQuery-link to sliders container
    "min": 1000,                // MIN value
    "max": 100000,              // MAX values
    "from": 10000,              // FROM value
    "from_percent": 10,         // FROM value in percents
    "from_value": 0,            // FROM index in values array (if used)
    "to": 90000,                // TO value
    "to_percent": 90,           // TO value in percents
    "to_value": 0,              // TO index in values array (if used)
    "min_pretty": "1 000",      // MIN prettified (if used)
    "max_pretty": "100 000",    // MAX prettified (if used)
    "from_pretty": "10 000",    // FROM prettified (if used)
    "to_pretty": "90 000"       // TO prettified (if used)
}

更多案例参考官网实际使用产品截图

2.jpg

demos http://ionden.com/a/plugins/ion.rangeSlider/demo.html

复制全文 生成海报 前端开发 用户界面 插件

推荐文章

程序员出海搞钱工具库
2024-11-18 22:16:19 +0800 CST
JavaScript数组 splice
2024-11-18 20:46:19 +0800 CST
12个非常有用的JavaScript技巧
2024-11-19 05:36:14 +0800 CST
浏览器自动播放策略
2024-11-19 08:54:41 +0800 CST
css模拟了MacBook的外观
2024-11-18 14:07:40 +0800 CST
mysql int bigint 自增索引范围
2024-11-18 07:29:12 +0800 CST
微信小程序热更新
2024-11-18 15:08:49 +0800 CST
Vue3 中提供了哪些新的指令
2024-11-19 01:48:20 +0800 CST
20个超实用的CSS动画库
2024-11-18 07:23:12 +0800 CST
ElasticSearch 结构
2024-11-18 10:05:24 +0800 CST
Vue中的`key`属性有什么作用?
2024-11-17 11:49:45 +0800 CST
Roop是一款免费开源的AI换脸工具
2024-11-19 08:31:01 +0800 CST
php常用的正则表达式
2024-11-19 03:48:35 +0800 CST
程序员茄子在线接单