suitabs

JavaScript

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

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

suitabs

デモ

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

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

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

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

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

suitabs

Animate PlusCSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」前のページ

レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」次のページProduct Tour

関連記事

  1. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  2. Flickerplate
  3. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  4. mgGlitch

    JavaScript

    グリッチ効果を付けれるjQueryプラグイン「mgGlitch」

    mgGlitchは、CSS3の変換を利用して指定した要素にアニメーショ…

  5. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP