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. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  2. Listt

    JavaScript

    リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

    ListtはリストをiOSのセレクトボックスのようにアニメーションさせ…

  3. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  4. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

    ライトボックスみたいなお洒落なアラートを表示させることができるjQue…

  5. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP