滑块是HTML5中新加入的组件：

<input type="range" name="slider-1" id="slider-1"
 min="1" max="100000" step="1" value="50">

HTML5中的滑块

这是一个很有用的插件：
比如，令人诟病的竞价排名是建立在翻页功能基础之上的，用户几乎不可能翻到最后一页；但如果是使用滑块告诉用户一共有多少数据，让用户信手拈来的体验应该会不错吧。

滑块插件实际应用

bootstrap-slider

是一个Bootstrap的滑块系统扩展，提供了丰富的样式，可以点击标签查看和下载。

这里是bootstrap-slide的示例：http://seiyria.github.io/bootstrap-slider/
下面是示例截图:

Example 1
Example 2
Example 3 一个RGB调色板
Example 4
Example 5
Example 6
Example 7
Example 8
Example 9
Example 10
Example 11
Example 12
Example 13
Example 14