2008-12-29
HTML崩壊Reverse! meltdown2.js
PC | 
今度は崩壊終了後に逆再生して元に戻ります。
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
前作からの改良点
- 逆再生します
- 大幅にパフォーマンスアップ。今回は実行と同時にアニメーションが開始します
- アニメーション開始時にブラウザによってレイアウトが崩れることはほぼなくなりました
なんで作ったか
前作のソースを眺めていたら今の自分からみて「これはねーよ」という部分が多くて作り直したくなったため。単なるリファクタリングだけじゃ面白くないので、ついでに逆再生機能も追加しました。
関連エントリー
トラックバック - http://d.hatena.ne.jp/KAZUMiX/20081229/meltdown2
早速ニコニコ動画で公開しました。
何か問題があったら言ってください。
すぐ消しますので。
自分のページのリンクに仕込むのもよしです。
(MIT License)
MIT LicenseですとjsにCopyrightがあれば大丈夫でしょうか？
使ってるページからここにリンクする必要もありません。
でも面白い改造が出来たら教えてもらえると嬉しいです。
ありがとうございます。
HALLSスッキリ検定というサイトのブログパーツで
使わせていただきました。
また素敵なJS見せてください！
（ヘタに広告になるコメントでしたら、削除してください）
すごい余計なお世話かもしれませんが、タグ2つ貼り付けるより、その2つのタグを吐き出すスクリプトのタグ1つにすればよりスッキリしてよかったかもしれません。
楽しいスプリクトの公開有難うございます！
ページロードと同時に崩壊させてみたいのですが、やり方がわからず…。もしよろしければ、デモで使用されているstartmeltdown2.jsを少し書き換えて使わせていただいてもいいでしょうか…？（ライセンス明記します）
よろしくお願いします。
問答無用で発動させる場合はそのチェック（最初のif文）をすっとばせばオッケーです。
書き換えての使用も問題ありません。
とてもおもしろいです。
僕のブログで紹介しました
www.ameblo.jp/kuni-teccyan/