JavaScript模式窗口，当开启和关闭时放大和缩小位置

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

我可以用jQuery UI的对话框做到这一点吗？是否有另一个JavaScript或jQuery库模式对话窗口，将缩小到网页上的位置？

2011-05-30 at.

通过缩放，您究竟是什么意思？类似于http://flowplayer.org/tools/demos/overlay/apple.html？ – Niklas 2011-05-30 09:53:41

@Niklas - 正是我的意思！这是一个合法的答案，谢谢。有没有办法通过jQuery UI获得这种缩放功能？ – 2011-05-30 10:17:51

可以为show/hide效果，像这样的默认jQuery用户界面对话框：

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

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

也许最接近你正在寻找什么是规模/吹/转移，预览他们在jsfiddle。

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

2011-05-30 10:27:14 Niklas

是的，规模效应是有道理的，但是如何让它从特定的DOM元素（或位置）进行缩放？你的例子显示了从“屏幕”中心的缩放窗口。 – 2011-05-30 10:35:01

您可以设置位置参数，如下所示：http://jsfiddle.net/niklasvh/xD8UT/9/但它只是分配窗口的左上角位置，而不是放大缩小的位置。 – Niklas 2011-05-30 10:42:05

我明白你的意思了......虽然不起作用，但我需要从流水游戏的叠加小部件中获得“苹果效应”。 – 2011-05-30 10:51:27

回答