jquery UI实例

默认功能

有一个单一的手柄,可以用鼠标或者箭头进行移动

颜色选择器

  
  
  
  
  
  
  
  


 

  
  ##简单的颜色选择器



 

组合了三个滑块,来创建一个简单的RGB颜色选择器

多个滑块

  
  
  
  
  
  
  
  


 

  
  主音量

 

 

  
  图形均衡器

 

  88
  77
  55
  33
  40
  45
  70

 
 

组合水平的和垂直的滑块,每个都有各自的选项
创建一个音乐播放器UI

范围滑块

  
  
  
  
  
  
  


 

  价格范围：
  

 

 
 

带有固定最大值的范围

  
  
  
  
  
  
  


 

  最小的房间数量：
  


 
 

固定范围滑块的最大值,用户指定选择最小值,设置range选项

绑定到select的滑块

  
  
  
  
  
  
  


 

  最小的床位数
  
    1
    2
    3
    4
    5
    6
  

 
 

绑定一个滑块到一个已有的select元素,选择保持可见度以便显示变化每当选择改变更新滑块

滑块滚动条

         
 
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
 
 
 
 
[查看演示
](http://www.runoob.com/try/tryit.php?filename=jqueryui-example-slider-scroll)

使用滑块来操作页面上内容的定位,可以获取到值的滚动条

对齐增量

        
 捐款金额（$50 增量）： 
 
 
[查看演示
](http://www.runoob.com/try/tryit.php?filename=jqueryui-example-slider-steps)

通过把step选项设置为一个整数来设置滑块值的增量,通擦很难说过hi滑块最大值的除数,默认增量是1

垂直的滑块

改变滑块的方向为垂直,通过height分配一个高度值,通过css设置告诉,同时设置orienteation选项为"vertical"

        
 体积： 
 
 
[查看演示
](http://www.runoob.com/try/tryit.php?filename=jqueryui-example-slider-vertical)