Tabslet

JavaScript

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

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

[ads_center]

Tabsletの使い方

Tabslet

Tabslet

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

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

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

Wallpaper背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」前のページ

画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」次のページCaptall

関連記事

  1. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  2. jquery-steps

    JavaScript

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

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

  3. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  4. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

  5. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  6. no-image

コメント

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

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

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP