Tabslet

JavaScript

jQueryプラグインでタブ機能が実装できる「Tabslet」

TabsletというjQueryプラグインを使えばWebサイトにタブ機能を実装することができます。タブをクリックすることでそれに対応したコンテンツが表示されます。オプションを変更すればホバーで切り替えるといったことも可能です。以下は使い方です。

[ads_center]

Tabsletの使い方

Tabslet

Tabslet

シンプルですがとても便利な機能ですね。

$('.tabs').tabslet();

オプションではホバーで切り替えれるようにしたり、アニメーションをつけたりといったことができます。タブ機能を取り入れたい時には選択肢の一つになりそうですね。

関連記事

  1. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

  2. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  3. gridscrolling.js
  4. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

  6. Grasp Mobile Progress Circle

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP