当前位置:Gxlcms > JavaScript > jQuery+jRange实现滑动选取数值范围特效_jquery

jQuery+jRange实现滑动选取数值范围特效_jquery

时间:2021-07-01 10:21:17 帮助过:4人阅读

有时我们在页面上需要选择数值范围,如购物时选取价格区间,购买主机时自主选取CPU,内存大小配置等,使用直观的滑块条直接选取想要的数值大小即可,无需手动输入数值,操作简单又方便。

HTML

首先载入jQuery库文件以及jRange相关的css文件:jquery.range.css和插件:jquery.range.js

代码如下: