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プラグインを探している人は、ぜひチェックしてみてはいかがでしょうか?

関連記事

  1. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  2. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

  3. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  4. no-image

    JavaScript

    ウィークデイ(週)のオプションを作成できる「jquery-weekdays」

    jquery-weekdaysはウィークデイ(週)のオプションを作成で…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP