CSS3 Menu Slider

JavaScript

モバイル対応のナビゲーションメニューを実装できるjQueryプラグイン「CSS3 Menu Slider」

CSS3 Menu SliderというjQueryプラグインを使えばモバイルにも対応したサイドバーのナビゲーションメニューを実装することができます。PCブラウザではナビゲーションメニューが全部表示され、ブラウザ幅が縮小されるとメニューアイコンに切り替わります。今風な感じのメニューにできますね。

[ads_center]

CSS3 Menu Slider

このようにサイドバーにナビゲーションメニューがある状態からブラウザ幅を縮小していくと…

CSS3 Menu Slider

メニューアイコンに切り替わります。クリックすることで表示・非表示にすることができます。

CSS3 Menu Slider

シンプルですが、使い勝手は良さそうですね。ダウンロードや詳細は以下からどうぞ。

関連記事

  1. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

  2. stickyNavbar.js
  3. no-image

    JavaScript

    背景にスクロールエフェクトを実装する「Physics-Based Background Scroll…

    背景に美しいスクロールエフェクトを実装する「Physics-Based…

  4. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  5. Horizontal Timeline

    JavaScript

    水平方向のタイムラインを実装できる「Horizontal Timeline」

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  6. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

コメント

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

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

最近の記事

  1. SOL001
  2. 末廣ラーメン
  3. ナッティホワイトチョコレートフラペチーノ

アーカイブ

PAGE TOP