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. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  2. jQuery contextMenu plugin & polyfill
  3. Random Quote Machine

    JavaScript

    ランダムにテキスト(クオート)を表示させる「Random Quote Machine」

    Random Quote Machineは、設定したデータのなかからラ…

  4. jQuery Reel Plugin

    JavaScript

    上下左右の色んな角度から画像を回転させて見せることができる「jQuery Reel Plugin」

    これは面白いですね。画像を上下左右と色んな角度から回転させながら見るこ…

  5. formToWizard

    JavaScript

    ステップごとに入力可能なフォームを実装できる「formToWizard」

    formToWizardはステップごとに(ウィザード)入力可能なフォー…

コメント

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

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

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP