JQuery对话框，如何创建“爆炸”效果

Question

这可能看起来像一个奇怪的问题，但是，对于JQuery dialog()方法，它们（以及其他）有一个名为hide的{​​{1}}效果？

谁能告诉我他们将如何创造这样的效果？例如 - 他们是通过操纵屏幕上的像素来做到的吗？如果是这样，如何你操纵屏幕上的像素那样？我知道JQuery是用JavaScript编写的，所以我想知道如何在JavaScript中执行类似的操作 basics 。

我问这个是因为，最终我希望能够创建自己的自定义效果。 谢谢！

Answer 1

源代码实际上非常简单明了，我会尝试做一些总结：

1. 决定将源元素分解为多少（N）
2. 在开始时克隆源元素N次，将它们包装成“溢出隐藏”div并定位内容并创建div，因此最终视觉与原始元素相同
3. 隐藏原始元素
4. 分别移动（动画）每个部分以模拟“爆炸”