jQuery UI 插件中的滑动条（Slider）工具集实现图片滑块滚动条的效果

 

初始效果：

初始代码：html

1  2  3 
     
       4     
      
                                                
        5         
       
        1
       
 6         
       
        2
       
 7         
       
        3
       
 8         
       
        4
       
 9         
       
        5
       
10         
       
        6
       
11         
       
        7
       
12         
       
        8
       
13         
       
        9
       
14         
       
        10
       
15         
       
        11
       
16         
       
        12
       
17         
       
        13
       
18         
       
        14
       
19         
       
        15
       
20         
       
        16
       
21         
       
        17
       
22         
       
        18
       
23         
       
        19
       
24         
       
        20
       
25     
      
26     
      
              
       27         
       
28     
      
29 
     
30 

css:

1 

 

通过移动滑块向右移动的效果：

 

 

1 

 总的代码：

1   2   3   4     
        5       6       7       8       9        
       10      11      78     152 153 154 155 
      
       156     
       
                                                
        157         
        
         1
        
158         
        
         2
        
159         
        
         3
        
160         
        
         4
        
161         
        
         5
        
162         
        
         6
        
163         
        
         7
        
164         
        
         8
        
165         
        
         9
        
166         
        
         10
        
167         
        
         11
        
168         
        
         12
        
169         
        
         13
        
170         
        
         14
        
171         
        
         15
        
172         
        
         16
        
173         
        
         17
        
174         
        
         18
        
175         
        
         19
        
176         
        
         20
        
177     
       
178     
       
              
        179         
        
180     
       
181 
      
182 183