Basic Metro Dynamic jQuery Tab Menu

JavaScript

お洒落でスタイリッシュなタブメニュー「Basic Metro Dynamic jQuery Tab Menu」

Basic Metro Dynamic jQuery Tab Menuは、お洒落でスタイリッシュなタブメニューを実装できるのが特徴です。jQueryが使われています。さりげなく切り替わるアニメーションとシンプルなデザインがとてもクールですね。

Basic Metro Dynamic jQuery Tab Menu

Basic Metro Dynamic jQuery Tab Menu

デモでは黒で統一されたスタイリッシュなタブメニューが用意されています。各タブを選択すると、それに対応したコンテンツが表示されます。

フェードによるさりげないアニメーションで切り替わる姿がとてもお洒落ですね。コンテンツの量に応じてボックスの高さが変化するのもいいと思います。

また、デモのタブメニューは全体的にブラックで統一されていますが、CSSを弄ることで簡単にカラーを変更することができます。もちろん、カラーだけでなくフォントのサイズやボーダー、ボックスシャドウなど、細かい部分まで自分好みにカスタマイズすることも可能です。

ちなみに、JSのコードを見ると分かると思いますが、タブやコンテンツに記述するテキストはHTMLに記述するのではなく、JS側で記述します。

というわけで、クールでスタイリッシュなタブメニューを実装できる「Basic Metro Dynamic jQuery Tab Menu」の紹介でした。

RV gallery-slider軽量でタッチフレンドリーなギャラリースライダー「RV gallery-slider」前のページ

スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」次のページDynamic Table

関連記事

  1. ssi-modal

    JavaScript

    フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」

    ssi-modalはカスタマイズ性に優れたフレキシブルでパワフルなモー…

  2. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  3. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

  4. RV gallery-slider

    JavaScript

    軽量でタッチフレンドリーなギャラリースライダー「RV gallery-slider」

    RV gallery-sliderは軽量でタッチフレンドリーなギャラリ…

  5. timedropper

    JavaScript

    時刻を指定しやすくしてくれるjQueryのタイムピッカー「timedropper」

    timedropperは時刻の指定をしやすいUIを実装できるjQuer…

  6. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP