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:函数被称为每个值变化,默认为空
