Drawer Menu
ドロワーメニュー
Flexible drawer menu using
jQueryを使った簡単な 「Drawer」を使って、ドロワーメニューを実装しましょう。3本ラインで表現している格納メニューは、「ハンバーガーメニュー」とも呼ばれています。
【プラグイン公式サイト】
http://git.blivesta.com/drawer/
ダウンロードすると、drawer-master.zipがDLされます。解凍すると、中に様々なファイルが収録されています。「sandbox」フォルダー内に、たくさんのサンプルがあり、簡単にナビゲーションがレスポンシブに対応することができます。
実装に必要なファイル
たくさんファイルが入っていますが、実際に必要なファイルは5つだけです。CSSとjsは、それぞれ専用のフォルダーへコピーペーストします。
/*CSSの場所を変更する*/
/*下記の記述は、body内(下部)に記述*/ /*配置を変更する*/
ヘッダーをカスタマイズして記述する
/*ボディにクラスを充てる*/