タブ、スクロール、フォームなどのUIコンポーネントを実装できる、jQueryプラグイン『jQuery Tools』

girsole — Fri, 07 May 2010 23:39:07 +0000

今さらかもしれませんが、コレは便利だ！と思ったのでメモ的にエントリー。最もよく利用されているユーザーインターフェイスのコンポーネントがつまった『jQuery Tools』になります。このプラグインが一つあればサイトが充実すると思います。

Tab（タブ）―切り替え、アコーディオン、スライドショーなど13種

切り替えタブの実装や

スライドショーの実装など
Tool tip（ツールチップ）―マウスオーバーすると表示、フォームの欄にカーソルすると補足をするように表示など7種

画像の上にマウスオーバーすると表示

フォーム上での説明補足として表示など
Over ray（オーバーレイ）―Light box風の効果を得られるなど8種

こんなのや

こんなのなど
Scrollable（スクロール）―画像のスライドや横に一気にスクロールできるアレなど11種

画像を横にスクロールしたり

jQuery Toolsのサイトページのような効果の実装など
Form（フォーム）―高機能なフォーム機能。バリデータ、レンジインプット、データインプット15種

クールなフォーム。入力ミスがあると横にアラートを出してくれます

レンジバーとでもいうのかな

カレンダーで日付をインプットなど
Tool box（ツールボックス）―細かい機能。マウスホイール動作、Flashの埋め込みなど13種

ハイライト

Flashの埋め込みなど

他にもたくさん実装できるコンポーネントがあります。jQuery ToolsのWebサイトでデモを確認してみてください。

Girsole Design｜クリエイティブワーク・ライフ » jQuery