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. ドリップコーヒー
  2. コールドブリューコーヒー
  3. カマキリ
  4. チキンサブジ
  5. trolox(トロロックス)
PAGE TOP