前の記事 ≪:錆び等のグランジなテクスチャ25セット
次の記事 ≫:2009年12月10日 管理人のブックマーク

jQueryでアニメーションするクールなサインアップボタン作成チュートリアル

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

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQueryでアニメーションするクールなサインアップボタン作成チュートリアルが公開されています。
次のように、1枚の画像を切り替えてアニメーションさせることで実現していてなかなかトリッキーですが参考になります。



Flashを使わずにjQueryを使って比較的簡単なコードによって実装されているようです。



マウスオーバーすると色が変化。



効果は測ってないのですが、アニメーションすることでクリック率は上がるのかも。
Flashはあんまり使いたくないというケースに参考に覚えてくとよいかも。

以下のエントリを参照してください。
Create an Animated “Call to Action” Button
関連の記事検索:jQuery, button, ボタン
スポンサード リンク

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

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