HTML崩壊Reverse! meltdown2.js

PC

meltdown2.js 動作デモ
今度は崩壊終了後に逆再生して元に戻ります。

javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown2.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document)

これを崩壊させたいページのアドレスバーに貼り付けて実行すると、そのページが崩壊します。その後、逆再生して元に戻ります。
要素がたくさんあるページで実行すると面白いと思います。Yahoo! JAPANとか。

本体ソース
meltdown2.js

前作からの改良点

  • 逆再生します
  • 大幅にパフォーマンスアップ。今回は実行と同時にアニメーションが開始します
  • アニメーション開始時にブラウザによってレイアウトが崩れることはほぼなくなりました

なんで作ったか

前作のソースを眺めていたら今の自分からみて「これはねーよ」という部分が多くて作り直したくなったため。単なるリファクタリングだけじゃ面白くないので、ついでに逆再生機能も追加しました。

関連エントリー