jquery - リピーターコントロールリストを上下に移動するには？

Question

ul li のようなバインド リピーター コントロール リストがあります。

ユーザーの最初の 5 つの名前を最初に表示する必要があります。ユーザーが下矢印をクリックすると、下に移動して次の 5 つの名前が取得されます。他のすべての名前と同様に、もう一度上に移動すると、前の 5 つの名前を表示する必要があります。

同時に、私のフォーカス[選択された名前]の高さは、exの常に中央の名前でなければなりません

1 2 3(選択) 背景色 いくつか考える 4 5

下矢印

6 7 8(選択) 背景色 いくつか考える 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>