如同之前承诺的那样,现在将这个项目开源了,欢迎 fork:
jihua.in 这个网站会一直运行,我本身就一直在用。
有个 mm 图在 doc/design.mm,是那晚简单做的一个设计。其他介绍就不写了,都在 github 那里。
如同之前承诺的那样,现在将这个项目开源了,欢迎 fork:
jihua.in 这个网站会一直运行,我本身就一直在用。
有个 mm 图在 doc/design.mm,是那晚简单做的一个设计。其他介绍就不写了,都在 github 那里。
Twitter 的 Bootstrap 是个非常漂亮的前端框架。其中有个 Dropdown 功能,也就是下拉菜单,非常漂亮,但是只能展开一级菜单。若是你有好几级菜单需要折叠/展开,怎么办呢?我写了一点 css,对 Bootstrap 的 css 进行了补充,实现了无限级菜单展开功能。效果图如下:

Demo 页面是:http://ichuan.net/static/test/dropdown/
无限级菜单对 topbar 和 tabs 里的 dropdown 都适用。
使用方法是:首先载入这个 css,然后在 html 代码中把要改成下拉菜单的条目替换成:
<li class="offset-left dropdown">
<a href="#" class="dropdown-toggle">Dropdown...</a>
<ul class="dropdown-menu">
<li><a href="#">Secondary link</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Another link</a></li>
</ul>
</li>
注意那个 offset-left 类。假如你想展开的菜单飘在左方,就用 offset-left,想像上图中飘在右方就用 offset-right 。