在ASP.NET中淡入淡出
嗨，我正在蜂巢中弹出一个带有淡入的弹出窗口，并通过淡出关闭该弹出窗口。问题是执行淡出动画时还会使回发，我不希望那样，我希望其工作方式类似于模型popUp中的属性
CancelControlID
<asp:Button ID=\"btnNewPopUp\" CssClass=\"btnNewPopUp\" runat=\"server\" Text=\"Crear Capas\"/>
<asp:ModalPopupExtender BackgroundCssClass=\"modalBackground\" DropShadow=\"true\" OkControlID=\"btnOk\" runat=\"server\" PopupControlID=\"pnlPopUpSetLayers\" id=\"mdlPopUp\" TargetControlID=\"btnNewPopUp\" >
</asp:ModalPopupExtender>
<asp:Panel ID=\"pnlPopUpSetLayers\" runat=\"server\" CssClass=\"popUp\" >
<table id=\"tbl\" class=\"tableFinder\">
<tr>
<td colspan=\"2\">
<div class=\"header1\">Crear capas</div>
</td>
</tr>
<tr>
<td>
<asp:Label ID=\"lblLayerName\" CssClass=\"formatText\" runat=\"server\" Text=\"Nombre de la Capa\"></asp:Label>
</td>
<td>
</td>
</tr>
</table>
<asp:Button ID=\"btnOk\" runat=\"server\" Text=\"Ok\" />
<asp:Button ID=\"btnClose\" runat=\"server\" Text=\"Close Me\" />
</asp:Panel>
<asp:AnimationExtender id=\"MyExtender\" runat=\"server\" TargetControlID=\"btnNewPopUp\">
<Animations>
<OnClick>
<FadeIn AnimationTarget=\"pnlPopUpSetLayers\" Duration=\".5\" Fps=\"20\" />
</OnClick>
</Animations>
</asp:AnimationExtender>
<asp:AnimationExtender id=\"AnimationExtender1\" runat=\"server\" TargetControlID=\"btnClose\">
<Animations>
<OnClick>
<FadeOut AnimationTarget=\"pnlPopUpSetLayers\" Duration=\".5\" Fps=\"20\" />
</OnClick>
</Animations>
</asp:AnimationExtender>
没有找到相关结果
已邀请:
2 个回复
梆晨灸碾
蓟类
<html xmlns=\"http://www.w3.org/1999/xhtml\"> <head runat=\"server\"> <title></title> <script type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js\"></script> <style type=\"text/css\"> .panel{display: none;} </style> <script type=\"text/javascript\"> $(function () { $(\'#btnShowPanel\').click(function (e) { e.preventDefault(); $(\'#pnlHelloWorld\').fadeIn(\'slow\'); }); $(\'#btnClose\').click(function (e) { e.preventDefault(); $(\'#pnlHelloWorld\').fadeOut(\'slow\'); }); }); </script> </head> <body> <form id=\"form1\" runat=\"server\"> <div> <asp:Button ID=\"btnShowPanel\" Text=\"Show\" runat=\"server\" /> <asp:Panel ID=\"pnlHelloWorld\" CssClass=\"panel\" runat=\"server\"> Hello World!<br /> <asp:Button ID=\"btnClose\" Text=\"Close\" runat=\"server\" /> </asp:Panel> </div> </form>