AJAX工具包 - AnimationExtender - IE支持

时间:2012-02-04 02:59:37

标签: asp.net ajax toolkit pulse animationextender

我正在尝试使用AJAX Toolkit在ASP.NET中执行简单的脉冲动画。它适用于除IE以外的所有其他浏览器,它只是保持静态。有人知道是否有办法让它与IE兼容?我读了一些关于ForceLayoutInIE的内容,但不确定这是针对脉冲还是只是淡化。

这是代码。不介意定时器,这是其他的东西。

<asp:UpdatePanel ID="upnlMessage" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick" />
        <center>
            <asp:Label ID="lblMessage" runat="server" CssClass="feedbackmessage" />
            <ajax:AnimationExtender ID="lblMessage_AnimationExtender" runat="server" Enabled="True"
                TargetControlID="lblMessage">
               <Animations>
                   <OnLoad>
                      <Sequence>
                         <Pulse Duration="0.5" Iterations="0" />
                      </Sequence>
                   </OnLoad>
               </Animations>
        </center>
    </ContentTemplate>
</asp:UpdatePanel>

1 个答案:

答案 0 :(得分:0)

好的,我想出了部分内容。出于某种原因,IE对ASP.NET对象的反应不好。它可能与ASP.NET如何重命名客户端控件ID有关。我的解决方法是将AnimationExtender的目标设置为包围Label而不是ASP.NET Label控件本身的div。所以我的代码现在看起来像这样:

<asp:UpdatePanel ID="upnlMessage" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick" />
        <div id="divMessage">
            <center>
                <asp:Label ID="lblMessage" runat="server" CssClass="feedbackmessage" />
                <ajax:AnimationExtender ID="lblMessage_AnimationExtender" runat="server" Enabled="True" TargetControlID="divMessage">
                <Animations>
                   <OnLoad>
                      <Sequence>
                         <Pulse Duration="0.5" Iterations="0" />
                      </Sequence>
                   </OnLoad>
                </Animations>
            </center>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>