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

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

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

スポンサード リンク

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, Webデザイン, デザイン, チュートリアル, script.aculo.us
スポンサード リンク

By.KJ : 2006年09月20日 07:09 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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