Question

我正在为模态窗口使用jQuery UI的对话框功能。我现在需要的是窗口从网页上的特定位置放大。关闭窗口时，它也需要缩放到该位置（这部分更重要）。

我可以使用jQuery UI的对话框吗？是否有另一个用于模态对话框窗口的javascript或jQuery库，可以缩小到网页上的某个位置？

Answer 1

您可以使用默认的jQuery UI对话框设置show / hide的效果，如下所示：

  $( "#dialog" ).dialog({
            autoOpen: false,
            show: "scale",
            hide: "explode"
        });

您可以预览可用的不同过渡here。

也许与您正在寻找的最接近的是缩放/抽吸/转移，在jsfiddle预览它们。

如果这不满足您的要求，我建议您使用flowplayer选项。具有apple效果的对话窗口示例： http://jsfiddle.net/niklasvh/D3ZJk/