编程 rangeSlider进度条滑块

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

今天不写文章,介绍一款基于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

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

推荐文章

Vue3 结合 Driver.js 实现新手指引
2024-11-18 19:30:14 +0800 CST
thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST
PHP 压缩包脚本功能说明
2024-11-19 03:35:29 +0800 CST
Vue3中如何实现插件?
2024-11-18 04:27:04 +0800 CST
linux设置开机自启动
2024-11-17 05:09:12 +0800 CST
Python上下文管理器:with语句
2024-11-19 06:25:31 +0800 CST
Vue3中如何处理组件的单元测试?
2024-11-18 15:00:45 +0800 CST
Vue3中如何处理权限控制?
2024-11-18 05:36:30 +0800 CST
初学者的 Rust Web 开发指南
2024-11-18 10:51:35 +0800 CST
html流光登陆页面
2024-11-18 15:36:18 +0800 CST
php微信文章推广管理系统
2024-11-19 00:50:36 +0800 CST
ElasticSearch 结构
2024-11-18 10:05:24 +0800 CST
Golang Sync.Once 使用与原理
2024-11-17 03:53:42 +0800 CST
Graphene:一个无敌的 Python 库!
2024-11-19 04:32:49 +0800 CST
前端代码规范 - Commit 提交规范
2024-11-18 10:18:08 +0800 CST
Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST
程序员茄子在线接单