Jquery Tab Plugin

JavaScript

シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

Jquery Tab Pluginはシンプルで見やすく、そして操作しやすいタブパネルを実装することができるjQueryプラグインです。スッキリしたデザインがとてもオシャレなので、シンプルなサイトなどに合いそうですね。

Jquery Tab Plugin

Jquery Tab Plugin

タブメニューには、Long Tab Name、Another Tab、Tab 3、Anoter Tab、Anoter Tabの全部で5つのタブが用意されています。

現在選択されているタブはエメラルドグリーンのようなカラーになっているので、どこのタブが選択されているかを瞬時に把握しやすくなっています。

各タブをクリックすると、カラーもそちらのタブに移ると同時に、選択されたタブの縦サイズがアニメーションにより少し伸びます。

気持ちよく切り替えれるタブパネルに仕上がっているのがいいですね。

というわけで、シンプルでさりげないアニメーションがとても素敵なタブパネルを実装できるjQueryプラグインを探している人は、ぜひ「Jquery Tab Plugin」をチェックしてみてはいかがでしょうか。

関連記事

  1. jquery.resizeend

    JavaScript

    ウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」

    jquery.resizeendは、ブラウザのウィンドウをリサイズした…

  2. jQuery.GI.TheWall.js
  3. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  4. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  5. jQuery Slideout Menu

    JavaScript

    スライドしてメニュー表示できるjQueryプラグイン「jQuery Slideout Menu」

    jQuery Slideout Menuはメニューをスライドして表示さ…

  6. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP