前の記事 ≪:10,000種類以上のフリーフォントを試してダウンロードできる「better font...
次の記事 ≫:Flashで作られたWeb2.0なサイトのまとめサイト

JavaScriptとCSSを使ったクールなメッセージBOX

2006年09月20日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

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デザイン時のちょっとしたエフェクトに使ってみるのもよいかもしれません。

関連の記事検索:JavaScript, CSS, デザイン
スポンサード リンク

By.KJ : 2006年09月20日 07:09 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)