前の記事 ≪:テキスト選択後のアクションをポップアップしてくれユーザビリティ...
次の記事 ≫:ハメコミ合成などに使えるPhotoshopによるガジェット画像作成チュート...

ブロック要素等をアニメーションで他に切り替えるならコレ「transm.js」

2009年12月25日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
ブロック要素等をアニメーションで他に切り替えるならコレ「transm.js」。



例えば、ページヘッダーのメイン画像なんかをアニメーションさせながら別の画像に切替えるような際に使えます。



↓アニメーション↓



これでもか、というぐらい大量のアニメーションが用意されていて、ページ上のデモで動作確認することができます。
Transition で 最初から選択されている、random を選んで「Transition area」をクリックしてアニメーションが確認できます。アニメーションの種類だけでなく、Tweeningによって加速度なんかの設定もできます



少ないスペースで時間によって出し分けたい、そしてアニメーションさせて注目を集めたいというようなシーンでかなり力を発揮してくれそうなライブラリですね。

対応ブラウザとして、Mozilla Firefox 1.5+, Opera 9+, Safari 2+, Chrome 3+ and IE 6+ のメジャーブラウザで動作する部分も嬉しいですね。

以下のエントリを参照してください。
transm.js (javascript programmable image transitions)
関連の記事検索:ライブラリ, アニメーション, jQuery
スポンサード リンク

By.KJ : 2009年12月25日 10:08 livedoor Readerで購読 Twitterに投稿

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