编程 rangeSlider进度条滑块

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

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

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

推荐文章

网络数据抓取神器 Pipet
2024-11-19 05:43:20 +0800 CST
vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST
如何在Vue3中定义一个组件?
2024-11-17 04:15:09 +0800 CST
MySQL 日志详解
2024-11-19 02:17:30 +0800 CST
纯CSS绘制iPhoneX的外观
2024-11-19 06:39:43 +0800 CST
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
mysql 优化指南
2024-11-18 21:01:24 +0800 CST
Vue3中如何扩展VNode?
2024-11-17 19:33:18 +0800 CST
如何将TypeScript与Vue3结合使用
2024-11-19 01:47:20 +0800 CST
Flet 构建跨平台应用的 Python 框架
2025-03-21 08:40:53 +0800 CST
ElasticSearch简介与安装指南
2024-11-19 02:17:38 +0800 CST
Python设计模式之工厂模式详解
2024-11-19 09:36:23 +0800 CST
浏览器自动播放策略
2024-11-19 08:54:41 +0800 CST
程序员茄子在线接单