サイトの演出上、リンクボタンにマウスカーソルを合わせた際に、
ボタンの色を変える、ボタン形状を凹んだ形に変える、などいろいろありますが、
ボタンを宙に浮かせボール(?)の様なリアルな演出を付けることが出来る
「Create a Realistic Hover Effect With jQuery」がとても気持ちいいのでご紹介。

RealisticHoverEffectWithjQuery.jpg
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier

説明するよりまずはデモ画面をご確認ください。
デモはこちら

マウスオーバーするとボタンがフワッと浮き上がりマウスを離すとストンと落ちます。
Shadowパターンはちゃんと影の具合が変化するのとバウンドしている加減が
動かすととても気持ちがいい。

これがFlashでなくjQueryというところがすばらしいですね。

演出含め、とても参考になります。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

マウスオーバーの新たな見せ方

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner