jquery - 如何在中继器控制列表中上下移动？

Question

我有像 ul li 这样的绑定转发器控制列表

我需要首先显示用户的前 5 个名称。当用户单击向下箭头时，它将向下移动并获取接下来的五个名称。像其他所有名称一样。如果再次向上移动，它需要显示前 5 个名称。

同时我的焦点[选定名称]高度应始终位于中心名称，例如

1 2 3(selected) 背景颜色 有些人认为 4 5

向下箭头

6 7 8(selected) 背景颜色 有人认为 9 10

就像所有的名字一样。

如何在 jquery 或后面的代码中执行此操作

这是一个中继器示例：

<asp:Repeater runat="server" ID="repeater">
    <HeaderTemplate>
        <ul>
    </HeaderTemplate>
    <ItemTemplate>
        <li class="carouselDeptItem_<%# Container.ItemIndex + 1  %>">
           <%#Eval("Name") %>
        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>