ASP.Net 从代码后面模拟淡出效果？

Question

我有一个代码将标签的文本设置为代码后面的内容，并且我希望该标签在一段时间后消失？我尝试过 jQuery，但不想使用计时器来不断检查是否有文本，然后将其隐藏:(。我听说过 Ajax Toolkit for ASP.Net，但许多评论说，现在并非所有工具都可以正常工作。所以有人知道这个问题有什么好的解决方案

吗？

Answer 1

如果你想在一段时间后达到这种效果，那么应该运行一个计时器。您可以使用 setTimeout 方法来执行此操作，

$(function(){
   setTimeout(function(){
       fadeText();
   },1000);

   function fadeText() {
       $("#yourlabelid").fadeOut("fast");
   }
});

这将在 1 秒后淡出您的标签。

Answer 2

假设您想要做的是在代码隐藏中分配文本后不久淡出标签...

您可以将标签包装在 ASP.NET UpdatePanel 中。从 Ajax 控制工具包 添加一个 AnimationExtender。当您更新代码隐藏中的文本时，调用更新面板的 Update() 方法并让它调用脚本 OnUpdated。

<asp:UpdatePanel id="upnl" runat="server">
    <ContentTemplate>
         <asp:Label id="lbl" runat="server" CssClass="fadeLabel"></asp:Label>
    </ContentTemplate>
</asp:UpdatePanel>

<asp:UpdatePanelAnimationExtender ID="upax" runat="server" BehaviorID="animation" TargetControlID="upnl">
    <Animations>
        <OnUpdated>  
            <Sequence>  
                <ScriptAction Script="fadeOut()" />
            </Sequence>  
        </OnUpdated>   
    </Animations>  
</asp:UpdatePanelAnimationExtender>

在后面的代码中：

lbl.Text = "Assign Text";
upnl.Update();

然后只需在页面的脚本标记中添加一个名为 fadeOut() 的方法即可执行淡入淡出。

function BannerOut() {
    $(".fadeLabel").fadeOut(1000);
}