no-image

JavaScript

シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

jquery-tabはシンプルなタブパネルを実装することができるjQueryプラグインです。オプションもたくさん用意されているので、カスタマイズもしやすいです。マークアップもシンプルに記述でき、手軽に導入することが可能です。

jquery-tab

jquery-tab

デモページにはシンプルなタブパネルがいくつか設置されています。どれも見やすく、操作性もシンプルなのでとても使いやすいですね。

タブにマウスオーバーするだけでパネルを切り替えられるタイプや、タブをクリックすることでパネルを切り替えるタイプなどがあります。アニメーションやエフェクトがないので、サクサクとパネルを切り替えられるところがいいですね。

また、オプションも豊富に用意されているのもjquery-tabの大きな魅力の一つです。triggerEvents、delayTriggerEvents、delayTriggerCancelEvents、delayTriggerLatency、statusFieldSelector、statusHashTemplate、statusHashSeparator、fixedHeight、activeIndex、fnShowPageItem、fnHidePageItemなど、ほかにもいろんなオプション項目があります。

シンプルながらも優れたカスタマイズ性を備えたタブパネルを実装できるjQueryプラグインを探している人は、ぜひチェックしてみてはいかがでしょうか?

Animated Toggle Menuシンプル・軽量で使い方も簡単なハンバーガーメニュー実装「Animated Toggle Menu」前のページ

ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」次のページgridstack.js

関連記事

  1. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

  2. Touch-Tabs-jQuery

    JavaScript

    イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」

    Touch-Tabs-jQueryは、イベント設定やカスタマイズが可能…

  3. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  4. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  5. jQuery Panorama Viewer

    JavaScript

    パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

    jQuery Panorama Viewerはパノラマビューを実装する…

  6. AnimatedSlideNav

    JavaScript

    動きがオシャレなアニメーションのサイドナビゲーション「AnimatedSideNav」

    AnimatedSideNavは、動きがオシャレなアニメーションによる…

最近の記事

  1. King クリーニングティッシュ
  2. PDA-STN36S
  3. クッキー&クリーム ポップコーン
  4. マウイチップス マウイオニオン味
  5. グリーンビーントゥーバー

アーカイブ

PAGE TOP