suitabs

JavaScript

横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

suitabsはスライドショー&タブを実装することができるjQueryプラグインです。横や縦にスライドさせることができる他、フェード切り替えやカルーセルのようなつくりにすることも可能です。

suitabs

デモ

スライダーの左右両端には前後にスライドさせるボタンが設置されています。タブが設置されているスライダーもあり、タブをクリックするとそれに対応している場所までスライドされます。

一般的な横スライドの他にも縦にスライドさせることができるので、スペースを有効的に活用したいという時にも役立ちますね。

また、オプションを使うことでカスタマイズもできるようになっています。

デモではスライドのtypeがすべてautoになっていますが、これ以外にもclickかhoverを選択することが可能です。

他にもeffect、duration、pause、width、height、hoverStopなどいろいろ用意されているので、気になる方は是非チェックしてみてください。

suitabs

関連記事

  1. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  2. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

  3. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  5. TextTailor.js

    JavaScript

    コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js…

    TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストの…

  6. JavaScript

    jQuery MobileでWebサイトをスマートフォン対応にする時に見ておきたい記事のまとめ

    今更ながらようやくjQuery Mobileを使い始めたんですが、基本…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP