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

関連記事

  1. ScrollPress

    JavaScript

    スムーズなアニメーションのスクロールトップ実装「ScrollPress」

    ScrollPressは、スムーズなアニメーションによるスクロールトッ…

  2. PopCircle
  3. jQuery Smart Placeholder
  4. xGallerify

    JavaScript

    サイズが異なる画像でもキレイに表示できるギャラリー実装「xGallerify」

    xGallerifyはギャラリーを作成するのに最適なjQueryプラグ…

  5. Monthly.js

    JavaScript

    レスポンシブに対応したカレンダーを実装できる「Monthly.js」

    Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダー…

  6. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP