TabTab.js

JavaScript

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

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

TabTab.js

TabTab.js

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

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

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

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

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

関連記事

  1. Monthly.js

    JavaScript

    レスポンシブに対応したカレンダーを実装できる「Monthly.js」

    Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダー…

  2. ScrollPress

    JavaScript

    スムーズなアニメーションのスクロールトップ実装「ScrollPress」

    ScrollPressは、スムーズなアニメーションによるスクロールトッ…

  3. jQuery RS Carousel

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できる「jQuery RS Carousel」

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイ…

  4. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

  5. Tikslus Carousel
  6. jquery-steps

    JavaScript

    ステップ式のウィザードを実装できるjQueryプラグイン「jquery-steps」

    jquery-stepsは、ステップ式のウィザードを実装することができ…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP