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

回答