滑动条是一种简单的设置一定范围内参数的插件。
官方示例地址：http://jqueryui.com/demos/slider/
·参数（参数名 : 参数类型 : 默认名称）
animate : Boolean : false
设置是否在拖动滑块时执行动画效果。
初始：$(‘.selector’).slider({ animate: true });
获取：var animate = $(‘.selector’).slider(‘option’, ‘animate’);
设置：$(‘.selector’).slider(‘option’, ‘animate’, true);
max : Number : 100
设置滑动条的最大值。
初始：$(‘.selector’).slider({ max: 7 });
获取：var max = $(‘.selector’).slider(‘option’, ‘max’);
设置：$(‘.selector’).slider(‘option’, ‘max’, 7);
min : Number : 0
设置滑动条的最小值。
初始：$(‘.selector’).slider({ min: -7 });
获取：var min = $(‘.selector’).slider(‘option’, ‘min’);
设置：$(‘.selector’).slider(‘option’, ‘min’, -7);
orientation : String : ‘auto’
通常不需要设置此选项，程序会自动识别，如果未正确识别，则可以设置为：’horizontal’ 或 ‘vertical’。
初始：$(‘.selector’).slider({ orientation: ‘vertical’ });
获取：var orientation = $(‘.selector’).slider(‘option’, ‘orientation’);
设置：$(‘.selector’).slider(‘option’, ‘orientation’, ‘vertical’);
range : Boolean, String : false
如果设置为true，滑动条会自动创建两个滑块，一个最大、一个最小，用于设置一个范围内值。
初始：$(‘.selector’).slider({ range: ‘min’ });
获取：var range = $(‘.selector’).slider(‘option’, ‘range’);
设置：$(‘.selector’).slider(‘option’, ‘range’, ‘min’);
step : Number : 1
在最大值和最小值中间设置滑块步进大小，此值必须能被(max-min)平分。
初始：$(‘.selector’).slider({ step: 5 });
获取：var step = $(‘.selector’).slider(‘option’, ‘step’);
设置：$(‘.selector’).slider(‘option’, ‘step’, 5);
value : Number : 0
设置初始时滑块的值，如果有多个滑块，则设置第一个滑块。
初始：$(‘.selector’).slider({ value: 37 });
获取：var value = $(‘.selector’).slider(‘option’, ‘value’);
设置：$(‘.selector’).slider(‘option’, ‘value’, 37);
values : Array : null
此属性用于设置滑块的初始值，并且只当range设置为true时有效。（至少两个滑块值）
初始：$(‘.selector’).slider({ values: [1,5,9] });
获取：var values = $(‘.selector’).slider(‘option’, ‘values’);
设置：$(‘.selector’).slider(‘option’, ‘values’, [1,5,9]);