Question

我有一个代码将标签的文本设置为后面的代码，我希望该标签在一段时间后消失？我已经尝试过jQuery但不想使用计时器继续检查是否有文本然后隐藏它:(。我听说过ASP.Net的Ajax工具包，但很多评论说不是所有的工具现在都能正常工作了。所以任何人都知道一个很好的解决方案吗？

谢谢，

Answer 1

如果您想在一段时间后使用该效果，则应运行计时器。您可以使用setTimeout方法执行此操作

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

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

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

Answer 2

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

您可以将标签包装在ASP.NET UpdatePanel中。从Ajax Control Toolkit添加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);
}

ASP.Net模拟后退代码的淡出效果？

2 个答案: