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

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

  • Tab(タブ)―切り替え、アコーディオン、スライドショーなど13種
    jQuery Tools Tab画像
    切り替えタブの実装や
    jQuery Tools Tab画像
    スライドショーの実装など
  • Tool tip(ツールチップ)―マウスオーバーすると表示、フォームの欄にカーソルすると補足をするように表示など7種
    jQuery Tools Tool tip画像
    画像の上にマウスオーバーすると表示
    jQuery Tools Tool tip画像
    フォーム上での説明補足として表示など
  • Over ray(オーバーレイ)―Light box風の効果を得られるなど8種
    jQuery Tools Over ray画像
    こんなのや
    jQuery Tools Over ray画像
    こんなのなど
  • Scrollable(スクロール)―画像のスライドや横に一気にスクロールできるアレなど11種
    jQuery Tools Scrollable画像
    画像を横にスクロールしたり
    jQuery Tools Scrollable画像
    jQuery Toolsのサイトページのような効果の実装など
  • Form(フォーム)―高機能なフォーム機能。バリデータ、レンジインプット、データインプット15種
    jQuery Tools Form画像
    クールなフォーム。入力ミスがあると横にアラートを出してくれます
    jQuery Tools Form画像
    レンジバーとでもいうのかな
    jQuery Tools Form画像
    カレンダーで日付をインプットなど
  • Tool box(ツールボックス)―細かい機能。マウスホイール動作、Flashの埋め込みなど13種
    jQuery Tool box画像
    ハイライト
    jQuery Tool box画像
    Flashの埋め込みなど

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

 

Tags: ,

Share |
こちらのエントリーもおススメしております。

コメント(comments)

今のところコメントがありません。(No comments so far.)

  • コメントをお願いします(Leave a Reply)
     
    Your gravatar
    名前(Name)