JQuery對話框是如何產生「爆炸」效果的

Question

這可能看起來像一個奇怪的問題，但是，對於JQuery dialog()方法，它們具有（其中包括）hide效果，稱爲explode？

誰能告訴我他們將如何創建這樣的效果？比如 - 他們是否通過操縱屏幕上的像素來做到這一點？如果是這樣，如何你操縱屏幕上的像素？我知道JQuery是用JavaScript編寫的，所以我想知道你在JavaScript中如何做到這一點的基本知識。

我問這個，因爲最終我希望能夠創建我自己的自定義效果。 謝謝！

Answer 1

的源代碼其實是非常簡單明瞭，我會嘗試做一些總結：

1. 決定多少件（N）應在源元素被打破
2. 在開始克隆將源元素N次包裝到「溢出隱藏」div並定位內容並創建div，因此最終視覺效果與原始元素相同
3. 隱藏原始元素
4. 分別移動（動畫）每個片段以模擬「爆炸」