Javascript 我需要下一个和上一个为我的动态内容

我的页面中有很多链接，我需要在一行中显示所有链接，但空间不够，所以我需要“下一步”和“上一步”按钮

<div style="width:400px;">
<ul id="links">
            <li><a href="#7a">1234564544</a></li>
            <li><a href="#7b">1234564544</a></li>
            <li><a href="#7c">1234564544</a></li>
            <li><a href="#8a">1234564544</a></li>
            <li><a href="#8b">1234564544</a></li>
            <li><a href="#8c">1234564544</a></li>
            <li><a href="#9a">1234564544</a></li>
            <li><a href="#9b">IX B</a></li>
            <li><a href="#9c">IX C</a></li>
            <li><a href="#10a">X A</a></li>
            <li><a href="#10b">X B</a></li>
            <li><a href="#10c">X C</a></li>
</ul></div>

请帮帮我…

是一个插件，它可能正是你想要的

如果您想自己实现它，您可以使用一点jQuery，并为

按钮调用

animate（）

on click事件

让你开始的东西：

通过这种方式，您可以只注入动态内容，它应该仍然可以工作，请试一试：）

是一个插件，它可能会满足您的需要

如果您想自己实现它，您可以使用一点jQuery，并为

按钮调用

animate（）

on click事件

让你开始的东西：

---

这样你就可以注入你的动态内容，它应该仍然有效，请试一试：）

您可以使用此JCarouse满足您的需求：-

您可以使用此JCarouse满足您的需求：-

您可以这样做。

您可以这样做。

澄清一下：您不需要滚动条，而是更喜欢使用

按钮？看到我发布的示例了吗（但也会生成一个列表，这是您不需要的逻辑，但应该足够好，可以向您显示使用jCarousel的过程，但它对我的动态内容不起作用您的链接是针对同一页面上的不同内容的？@Sam编辑了我对jCarousel less Script的回答，以澄清：您不需要滚动条，而是更喜欢要使用

按钮吗？请参阅我发布的示例，它就是这样做的（但也会生成一个列表，这是您不需要的逻辑，但应该足够好，可以向您显示使用jCarousel的过程，但它对我的动态内容不起作用您的链接是针对同一页面上的不同内容的？@Sam为jCarousel-less脚本编辑了我的答案。）