-2

これは奇妙な質問のように思えるかもしれませんが、JQuerydialog()メソッドの場合、(とりわけ)?hideと呼ばれる効果があります。explode

誰かがそのような効果をどのように作成するか教えてもらえますか?のような-彼らは画面上のピクセルを操作することによってそれを行いますか?もしそうなら、どのように画面上のピクセルをそのように操作しますか?JQueryはJavaScriptで記述されていることを知っているので、JavaScriptでそのようなことを行う方法の基本を知りたいと思います。

最終的には自分のカスタムエフェクトを作成できるようになりたいので、これをお願いします。ありがとう!

4

1 に答える 1

2

ソースコードは実際には非常に単純明快です。要約してみましょう。

  1. ソース要素を分割するピースの数(N)を決定します
  2. 最初にソース要素のクローンをN回作成し、それらを「オーバーフロー非表示」divにラップし、コンテンツを配置してdivを作成します。これにより、最終的なビジュアルは元の要素と同じになります。
  3. 元の要素を非表示にする
  4. 「爆発」をシミュレートするために、各ピースを個別に移動(アニメート)します
于 2013-03-18T20:11:53.523 に答える