兩行滑塊與水平線和垂直線？

Question

我正在使用網絡開發，我做了滑塊移動的從右到左和內部單個<李>但我想創建兩行滑塊與水平線和垂直線。

你們能幫我開發嗎？

如你看到下面的圖片，我想創建

Answer 1

這恰好是我不明白你的意思「兩排滑塊與水平線和垂直線」的東西。基礎上的圖片我能想到的2個解決方案：

1. 你用一個正常的列表，但每個列表包含兩個項目：

   <ul id="slider"> 
        <li> 
        <span class="row"> 
        <span class="row_item"><a href="#"><img src="topimage1.jpg"></a></span> 
        <span class="row_item"><a href="#"><img src="topimage4.jpg"></a></span> 
        </span> 
       </li> 
        <li> 
        <span class="row"> 
        <span class="row_item"><a href="#"><img src="topimage2.jpg"></a></span> 
        <span class="row_item"><a href="#"><img src="topimage5.jpg"></a></span> 
        </span> 
        </li> 
        <li> 
        <span class="row"> 
        <span class="row_item"><a href="#"><img src="topimage3.jpg"></a></span> 
        <span class="row_item"><a href="#"><img src="topimage6.jpg"></a></span> 
        </span> 
        </li> 
       </ul> 
   
   .row, .row_item{display:block;} 
   

2. 您可以使用兩種不同的列表，這兩個控制器通過相同組箭頭：

    <ul id="top_slider"> 
         <li></li> 
        </ul> 
        <ul id="bottom_slider"> 
         <li></li> 
        </ul> 
   
   And an example of jquery (I assume you're using some slider plugin with a `moveFOrward()` 
   callback, or similar. If you developed your own, adjust accordingly.): 
   
   $('#arrow_left').click(function(e){ 
       $('#top_slider').moveForward(); 
       $('#bottom_slider').moveForward(); 
       e.preventDefault(); 
   }); 
   

Answer 2

我發現了一個新的jQuery插件。你可以試試這個插件

http://jsabdul.wordpress.com/2013/01/17/multiple-rows-carousel/