帶動畫的ModalPopUpExtender標記

Question

我有一個問題，我在我的網頁中創建了一個ModelPopUpExtender控件。它運行正常，沒有動畫標籤，但當我添加了一個動畫標籤時，它返回錯誤爲「TargetControlID動畫=」Button2「使用屬性AjaxControlToolkit.ModalPopupExtender.OnShowing不存在或不能設置」

我不知道爲什麼它返回這種類型的錯誤？請給我建議任何解決方案。

在此先感謝。

代碼：

<asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="Button2" CancelControlID="Button4" PopupDragHandleControlID="Panel2" DropShadow="true"> 
     <Animations> 
       <OnShowing> 
       <FadeIn Duration=".5" Fps="30" /> 
      </OnShowing> 
      <OnShown> 
       <FadeIn Duration=".5" Fps="30" /> 
      </OnShown> 
      <%-- neither animation works from code-behind --%> 
      <OnHiding> 
       <FadeOut Duration=".5" Fps="30" /> 
      </OnHiding> 
      <OnHidden> 
       <FadeOut Duration=".5" Fps="30" /> 
      </OnHidden> 

      </Animations> 
     </asp:ModalPopupExtender> 

Answer 1

<Animations> 
<OnShown><Fadein Duration="0.50" /></OnShown> 
     <OnHiding><Fadeout Duration="0.75" /></OnHiding> 
</Animations> 

Answer 2

<asp:ModalPopupExtender runat="server" ID="ModalPopupExtender2" TargetControlID="Button2" 
          PopupControlID="Panel2" 
          DropShadow="true" 
          BackgroundCssClass="modalBackground" 
          CancelControlID="Button4"> 

<Animations> 
<OnShown><Fadein Duration="0.50" /></OnShown> 
<OnHiding><Fadeout Duration=".05" /></OnHiding> 
</Animations> 
</asp:ModalPopupExtender> 

<asp:Panel runat="server" ID="PnlDesignation" ScrollBars="Auto" CssClass="loginpnl" style="display:none"> 

    <div class="closepop text-right" id="Button4" > </div> 

</asp:Panel> 

CSS

.modalBackground 
{ 
background-color: #000; 
filter: alpha(opacity=70); 
opacity: 0.70; 
} 

.closepop 
{ 
margin:0 0 0 20px; 
BACKGROUND: url(../images/close.png) no-repeat 0 0; 
WIDTH:26px;POSITION: relative; background-position:right; 
HEIGHT: 26px; 
cursor:pointer; 
z-index: 100000; 
float:right; 
}