簡體   English   中英

如何為網格視圖行設置動畫以在同一頁面中逐行顯示。 所有應該在頁面上嗎?

[英]how to animate grid view rows to display one row after another in a same page. And all should be on the page?

如何為網格視圖行設置動畫以在同一頁面中逐行顯示。 所有應該在頁面上嗎? 任何人都請幫幫我。謝謝

動畫ASP.NET GridView並不是您想要的。 您將要對從ASP.NET GridView生成的HTML進行動畫處理,為此,您將需要javascript和/或jQuery 這些腳本語言是為Web構建的,可簡化DOM操作。

在這種情況下,一種可行的方法是使行在准備就緒的文檔中不可見,然后一次顯示(並設置動畫)。

您現在應該有足夠的信息來繼續搜索。

工作兩天后,我做了以下工作:

<head runat="server">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript">


        $(document).ready(function () {
            $("span[id$='label']").animate({marginLeft: "0.05in"},100).first().show("fast", function showNext() {
                $(this).next().show(200, showNext);
            });
});


    </script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
    <asp:Repeater runat="server" ID="repeater1">
    <ItemTemplate>

   <asp:Label runat="server" ID="label" style="display:none" Text='<%#Eval("ename") %>'>
   </asp:Label>
   <br />
    </ItemTemplate>
    </asp:Repeater>
    </div>
    </form>
</body>
</html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM