Organic Tabs


Description: アニメーションとフェードイン・アウトを取り入れたベーシックなタブメニューです。IE6でも動きますが、罫線が消えてしまうので対策が必要です。
Sample: dmeo
Tutorial: Organic Tabs
License: -

Note

$(function() {

        $("#example-one").organicTabs();

        $("#example-two").organicTabs({
            "speed": 200
        });

    });

jQueryとプラグインを読み込んで上記のような設定します。2つ同時に同じページに置くことも出来ます。その場合は上記のように設定します

Related snippet :

  • Description: フェードエフェクトで切り替わるタブメニューを実装するプラグイン。クロスブラウザ対応していますが、cssの調整が必要です。 Sample: ...
  • Description: 動的にタブを生成するプラグインです。タブはページ推移無しでコンテンツを切り替えることが可能です。クロスブラウザ対応ですが、IE6だけ多少cssハ ...
  • Description: AJAXを使ったタブメニューです。マークアップがとてもシンプルになります。タブはhtmlを読み込む形のようです。css3を使いますが、表示以外はIE ...
  • Description: シンプルなマルチレベルドロップダウンメニューです。クロスブラウザで動作します。アニメーションもなく、汎用的で最も使いやすいかもしれません。 ...
  • Description: シンプルなコードで実装出来るタブコンテンツです。エフェクトもなく、汎用性も高いですね。クロスブラウザで動作します。 Sample: de ...
  • Description: Read moreコンテンツを実装。といってもAjaxで呼び出す等ではなく、spanタグで囲ったテキストを最初は非表示させておく、というものです。 ...
  • Description: シンプルなイメージリストを実装するイメージナビゲーションです。プロダクトの紹介など、コーポレートサイトやECサイトなどで使えそうですね。オート再生、 ...