0

我有一个包含 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 -->

非常感谢任何帮助。

谢谢

贾尔斯

4

1 回答 1

0

jQuery UI.animate听起来像是你想要的。

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

于 2010-05-18T08:26:25.977 回答