Bamboo.js響應(yīng)式菜單欄隱藏工具
Bamboo.js 是一個響應(yīng)式菜單和結(jié)構(gòu)框架。通常它有一個滑動的菜單欄和固定可滾動內(nèi)容區(qū)。當(dāng)瀏覽器的寬度大于固定可滾動內(nèi)容區(qū)的寬度時,左側(cè)的菜單欄將可見,否則則會自動隱藏。
代碼示例:
<nav id="main-nav" class="navigation overflow"> <ul> <li><a href="#">Menu item</a></li> <li><a href="#">Menu item 2</a></li> </ul>; </nav>; <div id="container">; <header class="primary">; <span class="open icon">☰</span> <hgroup><h1>Title</h1></hgroup> </header> <section id="scroller" class="overflow"> <div id="content"> <!-- Content goes in here --> <!-- Content ends --> </div> </section> </div> <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script> <script src="js/bamboo.0.1.js"></script> <script> var site = new Bamboo(); </script>
評論
圖片
表情
