--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2010年09月01日

ホームページをワンランクアップさせる11個のjQuery[まとめ]

jQuery09.gif

以下の11個のjQueryを紹介。
■メニュー
マウスを当てると回転するような動きになるiQuery
左から右へ流れるように現れるメニュー
アコーディオン開閉式メニュー
■背景
下から上へ画像が変わる動きのある背景
■リンク
ページ内リンクをスムーズに移動するjQuery
■フォーム
タイトルのようにフォームをきれいに整え、見栄えを良くしてくれます。
■コンテンツ
floatで並べたコンテンツをブロックのようにきれいに並べ替えてくれるjQuery
コーナーを丸めるjquery.jsのプラグイン。
■画像
テキストや画像を綺麗なクロスフェードで切り替えてくれるjQuery
ちょっとしたフォトギャラリーができるjQuery
■CSS
手軽にスタイルシートを切り替えるjQuery


■メニュー
[Articles]
マウスを当てると回転するような動きになるiQuery
http://jqueryglobe.com/article/animated-menu
demo
http://jqueryglobe.com/labs/animated_menu/

[net tuts+]
左から右へ流れるように現れるメニュー
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/
demo
http://cdn.net.tutsplus.com/004_Moo/tutorial/demo/demo.html
[TweenBox ]
アコーディオン開閉式メニュー(コンテンツとしても使えます)
http://www.willjessup.com/sandbox/jquery/tweenbox/tweenbox.htm

■背景
[devirtuoso]
下から上へ画像が変わる動きのある背景
http://www.devirtuoso.com/2009/07/how-to-build-an-animated-header-in-jquery/
demo
http://www.devirtuoso.com/Examples/jQuery-Animated-Header/
■リンク
[HouseTect]
ページ内リンクをスムーズに移動するjQuery
http://hisasann.com/housetect/2009/03/jquerysmoothscroll.html

■フォーム
[NiceJForms]
NiceJForms.gif
タイトルのようにフォームをきれいに整え、見栄えを良くしてくれます。
http://www.lexcat.ro/nicejforms/

■コンテンツ
[jQuety Mosonry]
Masonry.gif
floatで並べたコンテンツをブロックのようにきれいに並べ替えてくれるjQuery
http://desandro.com/resources/jquery-masonry/
[jQuery Corner Demo]
コーナーを丸めるjquery.jsのプラグイン。
corner.gif
http://www.malsup.com/jquery/corner/

■画像
[InnerFade]
テキストや画像を綺麗なクロスフェードで切り替えてくれるjQuery
http://medienfreunde.com/lab/innerfade/
[JQUERY GALLERY ]
ちょっとしたフォトギャラリーができるjQuery
http://www.getintothis.com/blog/2006/10/12/image-gallery-using-jquery-interface-reflections/

■CSS
[Stylesheet switcher using jQuery]
手軽にスタイルシートを切り替えるjQuery
http://webhackr.blog105.fc2.com/blog-entry-28.html

スポンサーサイト

Comment

非公開コメント

Trackback

http://perruche15.blog134.fc2.com/tb.php/19-d250d10f

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。