在项目中需要制造一个价值区间往返滑动的滑块，在网上查找时无意间晓得了bootstrap-slider，颠末熟悉和应用这是一款在原生bootstrap slider的根蒂根基上制造结果非常炫酷的jQuery slider插件。该slider插件能够自界说slider的颜色、形状、通明度和tooltip等属性，丑化的结果非常好。在初阶之前需要引入bootstrap.min.css、bootstrap-slider.min.css、jquery.min.js和bootstrap-slider.min.js等；如图：
在初阶制造前先看看结果如图：
滑动滑块以后的结果如图：
HTML制造如图：
JS如图：
CSS部分挺简单的我就不在这上图了，
品牌网站定制公司，起首是HTML，用一个DIV包裹一个input标签和价值DIV标签，给input增加ID名ex2，input上有四个属性：data-slider-min="0"、data-slider-max="50000"、data-slider-step="1000"和data-slider-value="[0,50000]"，此中data-slider-min="0"默示最小值是0，data-slider-max="50000"默示最大值是50000，data-slider-step="1000"默示每次滑动滑块的值最少增长或减小1000；data-slider-value="[0,50000]"默示值在0到50000之间滑动。var slider = new Slider('#ex2', {})是初始化这个插件，{}内里能够写自己要设定的参数和值，比如如图：