我的动态内容需要下一个和上一个答案

【问题标题】：I need next and previous for my dynamic content我的动态内容需要下一个和上一个
【发布时间】：2012-04-13 19:27:06
【问题描述】：

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

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

请帮帮我...

【问题讨论】：

澄清一下：您不想要滚动条而是更愿意使用<< 和>> 按钮？
stackoverflow.com/questions/10138387/… 查看我发布的示例（但也会生成您不需要的逻辑列表，但应该足以向您展示该过程
我使用了 jCarousel，但它不适用于我的动态内容
你的链接是针对同一页面的不同内容的？
@Sam 编辑了我对 jCarousel-less 脚本的回答

标签： javascript jquery css

【解决方案1】：

jCarousel 是一个插件，可以做你想做的事。

如果您想自己实现它，可以使用一点 jQuery，并在点击事件时调用 animate() 以获取 << 和 >> 按钮

让你开始的东西：

http://jsfiddle.net/j37RK/6/

这样你可以只注入你的动态内容，它应该仍然可以工作，请试一试:)

【讨论】：

【解决方案2】：

您可以使用此 JCarousal 来满足您的要求：- http://www.baijs.nl/tinycarousel/

【讨论】：

【解决方案3】：

Sweet Pages 你可以做到这一点。

【讨论】：