TabTab.js

JavaScript

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

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

TabTab.js

TabTab.js

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

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

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

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

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

関連記事

  1. Amigo Sorter Plugin

    JavaScript

    タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

    Amigo Sorter Pluginは、タッチ対応で直感的にリスト項…

  2. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  3. jQuery Pit-scheduler v2.0
  4. stickyNavbar.js
  5. flexible-bootstrap-carousel
  6. no-image

    JavaScript

    手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」

    simpleParallaxは、手軽にパララックス効果を画像に実装する…

最近の記事

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

アーカイブ

PAGE TOP