フェードアウトする子ウィンドウ

http://hiropon.sub.jp/ajax/0206-2.html

一個前のサンプルに、フェードアウトのアニメーションを導入したもの。

  • setInterval関数で、徐々に透明度を下げていくスクリプトを実行させる
  • こんなアニメーション効果を入れるにはsetIntervalをうまく使えばいいみたい
  • Operaでは効果なし (オペラかどうかチェック navigator.userAgent -> indexOf("Opera") >=0 )
  • setInterval関数って、スクリプトの本筋とは違う流れを自分で作って、その中で関数を実行しているのだろうか?仕組みがよく分かんない。


Javascriptでアニメーション効果をつけて遊ぶのは楽しいです。が、アニメーションを追加するのがページのユーザビリティを向上させる目的であるならば、簡単で低負荷の効果を作るべきでしょうね。ゴリゴリのアニメーションを実現させたいのならフラッシュを使ったほうがよさげだし、過剰なアニメーションはむしろユーザーの意欲を削ぎます。

Javascriptの軽さを失わないような実装に。


AJAX Webアプリケーション アイデアブック