jquery-tabはシンプルなタブパネルを実装することができるjQueryプラグインです。オプションもたくさん用意されているので、カスタマイズもしやすいです。マークアップもシンプルに記述でき、手軽に導入することが可能です。
jquery-tab
jquery-tabの具体的な使い方やダウンロードは以下になります。ダウンロードしたファイルから実際のデモ動作もチェックすることができます。
デモページにはシンプルなタブパネルがいくつか設置されています。どれも見やすく、操作性もシンプルなのでとても使いやすいですね。
タブにマウスオーバーするだけでパネルを切り替えられるタイプや、タブをクリックすることでパネルを切り替えるタイプなどがあります。アニメーションやエフェクトがないので、サクサクとパネルを切り替えられるところがいいですね。
また、オプションも豊富に用意されているのもjquery-tabの大きな魅力の一つです。triggerEvents、delayTriggerEvents、delayTriggerCancelEvents、delayTriggerLatency、statusFieldSelector、statusHashTemplate、statusHashSeparator、fixedHeight、activeIndex、fnShowPageItem、fnHidePageItemなど、ほかにもいろんなオプション項目があります。
シンプルながらも優れたカスタマイズ性を備えたタブパネルを実装できるjQueryプラグインを探している人は、ぜひチェックしてみてはいかがでしょうか？
