[JS]jQueryのプラグイン33+1選 -2010年5・6月
Post on:2010年6月24日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2010/201006-11.png)
simpleSli.de
フレキシブルでシンプルで軽量なコンテンツスライダーの決定版。
![デモのキャプチャ](/wp-content/uploads-2010/201006-33.png)
Lightbox_me
DOM要素を指定して拡大表示できるLightbox。
![デモのキャプチャ](/wp-content/uploads-2010/201006-04.png)
jQuery modalBox
画像やAJAXに対応したドラッグで移動も可能なオープンソースのモーダルボックス。
![デモのキャプチャ](/wp-content/uploads-2010/201006-19.png)
jQuery.popeye 2.0
モーダルウインドウを使用しないインライン型の画像拡大スクリプト。
![デモのキャプチャ](/wp-content/uploads-2010/201006-26.png)
Zoomooz.js
ページ内のあらゆる箇所をアニメーションでズーム表示。
![デモのキャプチャ](/wp-content/uploads-2010/201006-32.png)
Cloud Zoom
さまざまなスタイルで画像を拡大表示。
![デモのキャプチャ](/wp-content/uploads-2010/201006-22.png)
Featured Image Zoomer
マウスの動きに合わせて、画像の一部を拡大表示。
![デモのキャプチャ](/wp-content/uploads-2010/201006-16.png)
Micro Image Gallery
小さいスペースにも設置できる画像ギャラリー。
キャプチャは実物大。
![デモのキャプチャ](/wp-content/uploads-2010/201006-06.png)
jbgallery 2.0 BETA
背景をダイナミックにギャラリーとして活用。
![デモのキャプチャ](/wp-content/uploads-2010/201006-01.png)
jqFancyTransitions
短冊状のアニメーションでスライドする画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2010/201006-08.png)
Coin Slider
ユニークなエフェクトで画像を切り替えるギャラリー。
![デモのキャプチャ](/wp-content/uploads-2010/201006-13.png)
jCoverflip
クリックでもドラッグでも動作するカバーフリップ。
![デモのキャプチャ](/wp-content/uploads-2010/201006-17.png)
jSquares
グリッド状に画像を配置して、キャプションを表示。
![デモのキャプチャ](/wp-content/uploads-2010/201006-02.png)
jQuery.spritely
任意の要素や背景をアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201006-23.png)
Circulate
円の軌跡とイージングを使用してあらゆる要素をアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201006-18.png)
Shadow Motion Effect in 5 Lines
残像っぽく不透明度をアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201006-05.png)
AjaxScroll
垂直・水平に対応したAJAXコンテンツのスクロール。
![デモのキャプチャ](/wp-content/uploads-2010/201006-09.png)
prettyLoader
AJAXコンテンツを読み込む時のローダー。
![デモのキャプチャ](/wp-content/uploads-2010/201006-14.png)
Loading Dots
ローディングの「....」をアニメーション。
![デモのキャプチャ](/wp-content/uploads-2010/201006-29.png)
Spinner
カスタマイズが簡単なシンプルなローダー。
![デモのキャプチャ](/wp-content/uploads-2010/201006-07.png)
BubbleUp
アイコンをふんわりと拡大。
![デモのキャプチャ](/wp-content/uploads-2010/201006-12.png)
Slick Drop down Menu with Easing Effect
滑らかなアニメーションを備えたドロップダウン。
![デモのキャプチャ](/wp-content/uploads-2010/201006-21.png)
Dynamic Page / Replacing Content
JavaScriptがオフでも遷移するタブコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2010/201006-15.png)
TTabs
タブになる要素を自由に指定できるタブコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2010/201006-28.png)
Pajinate
長いリストやコンテンツをフレキシブルにページネーション化。
![デモのキャプチャ](/wp-content/uploads-2010/201006-20.png)
Easy List Splitter
リストを水平・垂直に自由に配置。
![デモのキャプチャ](/wp-content/uploads-2010/201006-25.png)
Narrative Select
セレクトボックスをスタイリッシュに。
![デモのキャプチャ](/wp-content/uploads-2010/201006-03.png)
jConfirmAction
confirmボックスをキュートにデザイン。
![デモのキャプチャ](/wp-content/uploads-2010/201006-27.png)
HoverAttribute
ホバーでテキストリンクのhrefやtitleのデータを表示。
![デモのキャプチャ](/wp-content/uploads-2010/201006-30.png)
AutoTabIndex
設定した文字数を超えると、自動で次の入力欄へ移動。
![デモのキャプチャ](/wp-content/uploads-2010/201006-31.png)
The Footer Plugin
コンテンツの量が少なくてもフッタをブラウザの下部に表示。
![デモのキャプチャ](/wp-content/uploads-2010/201006-24.png)
Griddy
ページにグリッドを表示し、サイズを自動で算出。
![デモのキャプチャ](/wp-content/uploads-2010/201006-10.png)
jHTML-Ipsum
CSSやJavaScriptのテスト・確認用にHTMLのあらゆる要素を自動で生成。
![デモのキャプチャ](/wp-content/uploads-2010/201006-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors