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/