对于我的动态内容,我需要下一个和上一个

时间:2012-04-13 10:11:04

标签: javascript jquery css

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

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

请帮帮我......

3 个答案:

答案 0 :(得分:3)

jCarousel是一个插件,可能只是做你想要的。

如果您想自己实现它,可以使用一些jQuery,并在animate()<<按钮的点击事件上调用>>

让你入门的东西:

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

这样你就可以注入你的动态内容了,它应该仍然可以使用,请试一试:)

答案 1 :(得分:0)

您可以根据您的要求使用此JCarousal: - http://www.baijs.nl/tinycarousel/

答案 2 :(得分:0)

Sweet Pages你可以这样做。