CSS3 Menu Slider

JavaScript

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

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

[ads_center]

CSS3 Menu Slider

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

CSS3 Menu Slider

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

CSS3 Menu Slider

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

RollPaperWebページのスクリーンショットを上から下まで全体を撮れるiPhoneアプリ「RollPaper」前のページ

ZWILLINGの極薄軽量の爪切り「ツインS ネイルクリッパー」レビュー次のページZWILLING ツインS ネイルクリッパー

関連記事

  1. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

  2. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  3. Quttons

    JavaScript

    ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」

    Quttonsはボタンをクリックすると形状やカラーが変化して新しいコン…

  4. Lightbox

    JavaScript

    jQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」

    LightboxはjQueryに依存することなくシンプルなライトボック…

  5. JK Responsive Youtube Video and Image Gallery
  6. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

コメント

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

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

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP