【问题标题】：AjaxToolKit ModalPopupExtender + AnimationExtenderAjaxToolKit ModalPopupExtender + AnimationExtender
【发布时间】：2009-12-22 12:48:23
【问题描述】：

我正在使用 ASP.NET 2.0 开发一个网站。

AjaxToolKit 的 ModalPopupExtender 用于在用户等待重定向到页面时显示包含新闻项目的弹出窗口（该页面需要一些时间才能加载）。

现在，我正在使用按钮的OnClientClick 属性来使用其show() 方法显示模式弹出窗口。因此，弹出窗口被显示，重定向开始。

我想显示带有一些动画的弹出窗口 - 例如淡入或从顶部进入等。我查看了 AnimationExtender 控件，但它似乎没有提供任何方法来做类似的事情.是吗？

【问题讨论】：

标签： asp.net-2.0 modalpopupextender animationextender

【解决方案1】：

好的，伙计们！我终于找到了解决方案。我使用了很棒的jsTween 库来制作动画效果。我还使用了ModalPopupExtender 控件的shown 事件在将其原始位置推送到变量后将弹出窗口重新定位在顶部。

编辑

$find("ModalPopupExtender").add_shown(function(sender, args) {
        var el = sender.get_element();
        var top = parseFloat(el.style.top);

        var tween = new Tween(document.getElementById("PopupPanelID").style, 'top', Tween.elasticRegularEaseInOut, -300, top, 2, 'px');
        tween.start();
    }
});

【讨论】：