TabTab.js

JavaScript

アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装することができるjQueryプラグインです。タブの切り替えと同時にパネルがアニメーションしながら切り替わるので、インパクトあるタブコンテンツを取り入れたい時なんかによさそうですね。

TabTab.js

TabTab.js

軽量でアクセシブル、使い方も簡単なのでサクッと導入しやすいのがいいですね。デモはレスポンシブになっているので、スマホからもタブ操作をさせたい時にも便利です。

また、キーボードナビゲーションにも対応しているので矢印キーでタブを切り替えることも可能です。

いろんな人が使いやすい設計になっています。

オプションもたくさん用意されており、イージングやスピードなどアニメーションに関する部分もカスタマイズできるようになっています。

他にもスライド開始位置やキーボードナビゲーションの設定など様々なオプション項目があるので、気になる方は是非チェックしてみてください。

関連記事

  1. no-image
  2. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  3. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

  4. jQuery Smart Placeholder
  5. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  6. Ideal Image Slider

    JavaScript

    シンプルで動きが滑らかなスライダー「Ideal Image Slider」

    Ideal Image Sliderはレスポンシブに対応したシンプルで…

最近の記事

  1. ACC-TRBX
  2. ピスタチオ クリスマス ツリー フラペチーノ
  3. SF-G64T
  4. USB Type-C搭載ドッキングステーション

Facebookページ

PAGE TOP