编程 rangeSlider进度条滑块

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

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

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

推荐文章

Golang Select 的使用及基本实现
2024-11-18 13:48:21 +0800 CST
Vue3中如何扩展VNode?
2024-11-17 19:33:18 +0800 CST
Go 1.23 中的新包:unique
2024-11-18 12:32:57 +0800 CST
如何使用go-redis库与Redis数据库
2024-11-17 04:52:02 +0800 CST
Golang - 使用 GoFakeIt 生成 Mock 数据
2024-11-18 15:51:22 +0800 CST
如何在Vue 3中使用Ref访问DOM元素
2024-11-17 04:22:38 +0800 CST
MySQL 优化利剑 EXPLAIN
2024-11-19 00:43:21 +0800 CST
免费常用API接口分享
2024-11-19 09:25:07 +0800 CST
小技巧vscode去除空格方法
2024-11-17 05:00:30 +0800 CST
gin整合go-assets进行打包模版文件
2024-11-18 09:48:51 +0800 CST
php微信文章推广管理系统
2024-11-19 00:50:36 +0800 CST
WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST
Vue3中如何进行性能优化?
2024-11-17 22:52:59 +0800 CST
阿里云发送短信php
2025-06-16 20:36:07 +0800 CST
html夫妻约定
2024-11-19 01:24:21 +0800 CST
程序员茄子在线接单