Crossfade DIV Demo

For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done.

JavaScriptとCSSを使ったクールなメッセージBOXのデモ。
ライブラリはscriptaculousを使用。



スクリプト自体は非常にシンプルで、単純にsetIntervalでタイマーをまわしてscriptaculousのEffect.fade / Effect.appear で各DIVを切り替えているだけのようです。
デモサイト上のソースをみれば、プログラミングの知識がない方でも実装できそうです。

WEBデザイン時のちょっとしたエフェクトに使ってみるのもよいかもしれません。