jquery ui slider那点事

最新推荐文章于 2023-08-14 19:10:58 发布

Cykying

最新推荐文章于 2023-08-14 19:10:58 发布

阅读量675

点赞数

CC 4.0 BY-SA版权

分类专栏： JS WEB前端文章标签： jquery ui jquery ui

本文链接：https://blog.youkuaiyun.com/u010869754/article/details/48341097

WEB前端同时被 2 个专栏收录

8 篇文章

订阅专栏

6 篇文章

订阅专栏

    jquery ui slider那点事
由于需要一个声音插件，初次使用slider这个插件，作为一个第一次使用的人记录一下心得
![这是slider效果图](https://img-blog.youkuaiyun.com/20150910113119949)

添加slider:

$(function() {$ ("#soundSlider").slider({
min: 0,
max: 100,
range: true,
step:1,
});
});

如何出现进度条颜色变化：设置range:true默认出现两个块，我将第一个设置为display:none，所以只看到一个.
ui-slider-range类为滑动进度条部分，可设置样式
#soundSlider .ui-slider-range {}
.ui-slider-handle类为滑动触摸块，可设置其样式