suitabs

JavaScript

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

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

suitabs

デモ

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

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

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

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

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

suitabs

関連記事

  1. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  2. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  3. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

  4. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  5. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  6. waslidemenu

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP