jQuery中的可滾動列表項目

Question

我有一個4個項目的列表，並且ul有一個背景圖像，使得第二個項目看起來好像它背後有一個箭頭。我希望能夠在點擊第二個項目位置時向上或向下滾動項目，例如當我點擊第四個項目時，整個列表向上滾動，第四個項目被放置在背景圖像的頂部，然後所有其他項目將按照上面的順序排列。

我已經嘗試使用jQuery工具選擇的圓形選項，但它克隆了第一個最後一個項目，我結束了差距，當我到底部，我也不能讓每個項目可選滾動列表或下。

下面是列表

<div id="priceGuide"> 
    <ul id="priceRegion"> 
     <li><a href="#">North & Midlands</a></li> 
     <li><a href="#">London, north of the river</a></li> 
     <li><a href="#">London, south of the river</a></li> 
     <li><a href="#">South & South East</a></li> 
    </ul><!-- /priceRegion --> 
</div><!-- /priceGuide --> 

任何幫助最讚賞的代碼。

感謝

賈爾斯

Answer 1

jQuery UI的.animate聽起來就像是你想要的。

http://jqueryui.com/demos/animate/