如何在数据列表asp.net中添加滑块

Question

需要使用db中的数据列表显示刚刚预订的工作订单绑定值每30秒计时器将运行绑定数据列表的方法需要滑动datalist当最后一个工作订单与新工作订单不同时否则不需要滑块需要输出如下所示网站www.booking.com（刚刚预订） 我的问题是无法一个接一个地滑动单一的li我尝试使用vticker.js和easyslider.js插件但面临同样的问题滑动所有ul不是一个接一个

<div id="example" style="overflow: hidden; position: relative; width: 440px;">
   <asp:UpdatePanel ID="updBookedNote" UpdateMode="Conditional" runat="server">
      <Triggers>
         <asp:AsyncPostBackTrigger ControlID="Timer1" />
      </Triggers>
      <ContentTemplate>
         <ul style="position: absolute; margin: 0px; padding: 0px; top: 0px;">
            <asp:Timer ID="Timer1" OnTick="Timer1_Tick" runat="server" Enabled="true" />
            <asp:DataList runat="server" ID="dlUsersListing" RepeatDirection="Vertical" Width="100%" HorizontalAlign="Left" Font-Name="Verdana" CellPadding="0" CellSpacing="0" Font-Size="10pt">
               <ItemTemplate>
                  <table id="tblMenu" width="30%" cellpadding="0" cellspacing="0" runat="server" border="0">
                     <li style="margin: 0px; padding: 0px; height: 90px;">
                        <tr style="height: 33px;">
                           <td>
                              <table id="Table2" class="previewsBooked1" runat="server">
                                 <tr style="height: 33px;">
                                    <td rowspan="2" style="width: 25px;">
                                       <div class="previewsIcon">
                                          <img align="middle" width="40px" src="App_Themes/Default/Images/login/arrow_gren_bri.png" />
                                       </div>
                                    </td>
                                    <td>
                                       <asp:Label ID="Label5" runat="server" EnableTheming="false" CssClass="labelclam" Text="Claim #"></asp:Label>
                                       <asp:LinkButton ID="lnkserviceorder" runat="server" EnableTheming="false" CssClass="labelclam" Text='<%# DataBinder.Eval (Container.DataItem, "Service Order #" ) %>' PostBackUrl='<%#"~/WorkOrder/ServiceOrder.aspx?CustWorkOrdNo=" +Eval("Service Order #")%>'></asp:LinkButton>
                                       <span style="text-align: left">
                                          <asp:Label ID="Label6" runat="server" EnableTheming="false" CssClass="labelclam" Text="From"></asp:Label>
                                          <asp:Label ID="Label1" runat="server" EnableTheming="false" CssClass="labelregion" Text='<%# Eval("region")%>'> ></asp:Label>
                                       </span>
                                    </td>
                                 </tr>
                                 <tr style="height: 33px;">
                                    <td>
                                       <asp:Label ID="Label2" runat="server" EnableTheming="false" CssClass="labelblue" Text="Just Booked by"></asp:Label>
                                       <asp:Label ID="Label3" runat="server" EnableTheming="false" CssClass="labelGray1" Text='<%# Eval("Account Name")%>'> ></asp:Label>
                                       <asp:Label ID="Label4" runat="server" EnableTheming="false" CssClass="labelblue" Text="for"></asp:Label>
                                       <asp:Label ID="Label7" runat="server" EnableTheming="false" CssClass="lbluppercase" Text='<%# Eval("district")%>'> ></asp:Label>
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                     </li>
                  </table>
               </ItemTemplate>
</ul>
</asp:DataList>
      </ContentTemplate>
   </asp:UpdatePanel>
</div>