PWS Tabs jQuery Plugin

JavaScript

多様なアニメーションが魅力のタブパネル「PWS Tabs jQuery Plugin」

PWS Tabs jQuery Pluginは多様なCSS3アニメーションが魅力の軽量タブパネルを実装することができるjQueryプラグインです。フラットなスタイルになっていてデザインもスッキリしているので色んなサイトに合いそうな感じです。

PWS Tabs jQuery Plugin

PWS Tabs jQuery Pluginを使った実際のデモは以下になります。

PWS Tabs jQuery Plugin

デモ

タブパネルが切り替わる際のエフェクトがたくさん用意されています。スケールエフェクトや上下左右いずれからのスライドといったものがあります。

また、タブの位置をhorizontal(上部か下部)やvertical(左か右)にすることも可能です。horizontalまたverticalはオプションのtabsPositionで指定することができます。

horizontalPositionでtopかbottomを、verticalPositionでleftかrightを決めれるようになっているので、タブを設置する位置に関してはとても自由度の高い内容になっています。

オプションは他にもいくつか設定できる項目が用意されているので、カスタマイズしたい場合には是非チェックしておきたいところですね。

個人的にタブパネルは切り替わる際にちょっとだけアニメーションがあった方が切り替わったかどうかを認識しやすいので、オプションで好きなエフェクトを設定できるのは嬉しいですね。

というわけで、色んなアニメーション機能を搭載したタブパネル「PWS Tabs jQuery Plugin」のご紹介でした。

PWS Tabs jQuery Plugin

Airmail 2をMacのデフォルトメールにするAirmail 2をMacのデフォルトメールソフトに設定するやり方前のページ

ダイナミックなスライドが印象的なレスポンシブ対応スライダー「jQuery Hero Slider Plugin」次のページjQuery Hero Slider Plugin

関連記事

  1. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  2. no-image
  3. jQuery cForm

    JavaScript

    フォームのスタイルをカスタマイズできる「jQuery cForm」

    jQuery cFormはフォームのスタイルを簡単にカスタマイズするこ…

  4. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  5. jQuery.GI.TheWall.js
  6. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

最近の記事

  1. シービージャパン 耐熱ボウル
  2. メンソレータム リップスティック
  3. スイデンテラス 濃厚バターチキン
  4. ドトール マンデリン
  5. 厚切りトーストツナチーズメルトとブラックコーヒー

アーカイブ

PAGE TOP