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. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  2. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  3. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  4. timedropper

    JavaScript

    時刻を指定しやすくしてくれるjQueryのタイムピッカー「timedropper」

    timedropperは時刻の指定をしやすいUIを実装できるjQuer…

  5. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  6. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP