Javascript 使用jQuery滚动选项卡？

我有一个水平标签菜单。这些选项卡都是li元素。我总是一次展示其中的5个。在左边和右边，我有按钮可以将这些标签滚动到任意一边。我只是不知道如何才能做到这一点。我可以把接下来的5个标签放在一个不同的div中吗？那不是最好的解决办法，是吗？我可以用JavaScript或jQuery来实现这一点吗

---

谢谢。

为

ul

制作一个父容器

div

，具有

溢出：隐藏
和
位置：相对
或
位置：绝对
和固定宽度。单击“下一步”或“上一步”按钮时，调整
ul
的左侧位置

一个示例代码供参考。不完整的

HTML

jQuery

调整ul的位置。你能给我举个例子吗？Rahul，当我点击按钮时，我如何告诉jQuery不要在开头或结尾滑动？有一个插件已经做到了这一点：
<button id="prev">Prev</button>
<button id="next">Next</button>
<div id="container">
    <ul id="contentcont">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
         <li>6</li>
        <li>7</li>
        <li>8</li>
    </ul>
</div>

#container
{
    width: 330px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

#contentcont
{
    width: 1000px;
    position: absolute;
}


#contentcont li
{
    width: 100px;
    float: left;
    margin-right: 10px;
    border: 1px solid #a9a9a9;
    height: 280px;
}

$(function(){
    $("#prev").click(function(){
        $("#contentcont").animate({'left': '-=110'});
        return false;
    });
    $("#next").click(function(){
        $("#contentcont").animate({'left': '+=110'});
        return false;
    });
});