Tabslet

JavaScript

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

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

[ads_center]

Tabsletの使い方

Tabslet

Tabslet

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

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

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

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

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

関連記事

  1. Playful Little Tooltip Ideas
  2. responsive-flip-pricing-table

    JavaScript

    レスポンシブでフリップによる価格表示の切り替えができる「Responsive Flip Pricin…

    レスポンシブに対応し、フリップによる価格表示の切り替えもできるテーブル…

  3. jquery.autoscroll-text-tape
  4. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  5. Relocator

コメント

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

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

最近の記事

  1. チャイラテ
  2. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  3. COMOLI ナッピングウールショーツ
  4. 川上庵(麻布十番)牡蠣天せいろ
  5. COMOLI ウールフリースセットアップ
PAGE TOP