前の記事 ≪:〜%オフ、NEWアイコン等ショッピングサイトで使えそうなアイコンセ...
次の記事 ≫:立体的でキラキラしたRSSアイコン作成Photoshopチュートリアル

最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」

2010年12月06日-はてなブックマーク

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

最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」。
最近Appleのサイトを見たことがある方なら分かると思いますが、最初に1枚の画像を表示しておいて、ナビゲーションなんかは少し待たせて、フェードインしながら表示するというカッコいい効果を作れます。

最初に1枚の画像を表示

フェードインしながらナビゲーションを表示する




こちらのデモで動きを確認

実装は1行。
$('#target').appleEffect();

オプションを渡すことでアニメーション開始までの時間を設定したり、コールバック関数を指定できたりします。
ちょっとめんどくさそうなこの機能さえもjQueryで一瞬で実装できてしまいます。
関連の記事検索:jQuery, Webデザイン, apple
スポンサード リンク

By.KJ : 2010年12月06日 09:07 livedoor Readerで購読 Twitterに投稿

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