编程 rangeSlider进度条滑块

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

今天不写文章,介绍一款基于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中的虚拟滚动有哪些改进?
2024-11-18 23:58:18 +0800 CST
php 连接mssql数据库
2024-11-17 05:01:41 +0800 CST
imap_open绕过exec禁用的脚本
2024-11-17 05:01:58 +0800 CST
CSS 媒体查询
2024-11-18 13:42:46 +0800 CST
Nginx 跨域处理配置
2024-11-18 16:51:51 +0800 CST
使用 `nohup` 命令的概述及案例
2024-11-18 08:18:36 +0800 CST
如何在Vue3中处理全局状态管理?
2024-11-18 19:25:59 +0800 CST
Vue3结合Driver.js实现新手指引功能
2024-11-19 08:46:50 +0800 CST
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
Vue3 中提供了哪些新的指令
2024-11-19 01:48:20 +0800 CST
黑客帝国代码雨效果
2024-11-19 01:49:31 +0800 CST
Vue 3 是如何实现更好的性能的?
2024-11-19 09:06:25 +0800 CST
PHP 唯一卡号生成
2024-11-18 21:24:12 +0800 CST
html流光登陆页面
2024-11-18 15:36:18 +0800 CST
赚点点任务系统
2024-11-19 02:17:29 +0800 CST
Vue3 vue-office 插件实现 Word 预览
2024-11-19 02:19:34 +0800 CST
mysql 优化指南
2024-11-18 21:01:24 +0800 CST
程序员茄子在线接单