AjaxToolKit ModalPopupExtender + AnimationExtender

Question

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

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

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

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

Answer 1

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

修改

$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();
    }
});