javascript - JQuery 对话框，“爆炸”效果是如何创建的

Question

这似乎是一个奇怪的问题，但是，对于 JQuerydialog()方法，它们（除其他外）有一个hide名为explode?

谁能告诉我他们是如何产生这样的效果的？比如——他们是通过操纵屏幕上的像素来做到这一点的吗？如果是这样，您如何以这种方式操作屏幕上的像素？我知道 JQuery 是用 JavaScript 编写的，所以我想知道如何在 JavaScript 中做类似的事情的基础知识。

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

Answer 1

源代码其实很简单明了，我试着做一些总结：

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