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」の紹介でした。

関連記事

  1. Vimeo Carousel Gallery
  2. roundSlider

    JavaScript

    値の範囲を円形スライダーで表示できる「roundSlider」

    roundSliderは値の範囲を円形スライダーで表示できるjQuer…

  3. AJAX Live Search
  4. qpScroll
  5. Palette-js

    JavaScript

    美しいカラーパレッドを追加できる「Palette-js」

    Palette-jsは美しいカラーパレッドを手軽にプロジェクトに追加す…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP