「jQuery」プラグインsp-slidemenu.jsでスマホのドロワーメニューを実装するサンプル
sp-slidemenu.jsのダウンロード
https://github.com/be-hase/sp-slidemenu
1.JavaScriptコード
<script src="js/sp-slidemenu-min.js" type="text/javascript"></script> <script> $(window).load(function(){ var menu = SpSlidemenu({ main: '#maininfo', //メインコンテンツ要素 button :'open_side', //ボタン指定 slidemenu:'.slidemenu-right',//開閉メニューパネル direction:'right' //右指定 }); }); </script>
2.CSSコード
div#maininfo { width: 90%; }