TabTab.js

JavaScript

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

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

TabTab.js

TabTab.js

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

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

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

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

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

関連記事

  1. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  2. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  3. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

  4. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  5. jQuery Accordion

    JavaScript

    シンプルで実用的なアコーディオン実装「jQuery Accordion」

    とてもシンプルで操作性のよいアコーディオン「jQuery Accord…

  6. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP