JQ Slider - 多节点范围选择和数据滑块

JQ Slider - 多节点范围选择和数据滑块1158
JQ Slider是一个多节点和数据滑块范围,允许提供易于使用的用户数据选择和筛选工具。它可以在很多方面使用。.定制jQslider很简单只需要创建四个css类与你的主题的名称,下面是css代码的默认主题,只是复制这些类,取代“默认”这个名字和你的新主题名称和为这些类编写自己的代码。
.slider.default{    background-color: #D2DBEC;    border: 1px solid #299BC9;    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;    width: 200px;    height: 4px;    background-image: -o-linear-gradient(#ADC7EB, #D2DBEC);}.inner.default{    background: #299BC9;    -moz-box-shadow: 0 1px 2px rgba(17, 35, 45, 0.6) inset;    -webkit-box-shadow: 0 1px 2px rgba(17, 35, 45, 0.6) inset;}.draghandle.default{    width: 8px;    height: 20px;    background-color: #299BC9;}.draghandle.default.selected{    background-color: #ADC7EB;}
这就是你的主题已经可以使用了,你可以使用它。
$('#my-slider').jqslider({theme:'YOUR THEME NAME HERE'});
风格
defaultsimplebluesteelgreendark-greenorangered
theme:主题css类,默认的主题是“默认”  minValue:滑块的最小值,默认为0  maxValue:滑块的最大价值,默认是10  selStart:左节点范围选择的默认值是正确的,默认为0  selEnd:右节点范围选择的默认值是正确的,默认是10  smallChange:公司/每个滑块位置的变化,12月值默认为1  animate:如果真正的动画效果的节点将单击滚动条时,默认是正确的  animationSpeed:动画时间,默认是500  ticks:如果真正刻度线将显示每一步的值,默认是正确的  labels:如果真正的最大/最小值标签将显示,默认是正确的  rangeSelection:如果真正将创建两个节点,否则只有单一节点,默认是正确的  dragTitle:默认“拖放”  callback:函数被称为每个值变化,默认为空

也许你还喜欢