Bamboo.js - 响应式菜单栏隐藏工具


BSD
跨平台
JavaScript

软件简介

Bamboo.js
是一个响应式菜单和结构框架。通常它有一个滑动的菜单栏和固定可滚动内容区。当浏览器的宽度大于固定可滚动内容区的宽度时,左侧的菜单栏将可见,否则则会自动隐藏。

代码示例:

<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">&#9776;</span>
        <hgroup><h1>Title</h1></hgroup>
    </header>
    <section id="scroller" class="overflow">
        <div id="content">
            <!-- Content goes in here -->

            <!-- Content ends -->
        </div>
    </section>

</div&gt;

<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>