Question

我有一个包含4个项目的列表，ul有一个背景图像，使第二个项目看起来好像在它后面有一个箭头。我希望能够在单击第二个项目位置时向上或向下滚动项目，例如当我单击第四个项目时，整个列表向上滚动，这样第四个项目就会在背景图像的顶部提出并且所有其他项目将按照相同的顺序排列。

我尝试过使用jQuery Tools并选择了圆形选项，但它克隆了第一个最后一个项目，当我到达底部时我最终得到一个间隙，我也无法使每个项目可选择向上或向下滚动列表

以下是列表的代码

<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/

jQuery中的可滚动列表项

1 个答案: