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. Effect Ideas for Card Stacks
  2. Jqx-Media-Slider
  3. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  4. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  5. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  6. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP