菜单的切换,显示或隐藏下拉菜单的链接,这样的互动功能需要使用Javascript插件dropdown
配合。
你可以修改导航栏的颜色。你可以使用类名bg-color-*
来设置你需要的导航栏颜色。
<div class="nav-bar bg-color-darken">...</div>
<div class="nav-bar bg-color-green">...</div>
<div class="nav-bar bg-color-pink">...</div>
其他颜色导航栏效果可以查看这里。
- <div class="nav-bar">
- <div class="nav-bar-inner">
- <span class="element">项目名称</span>
- <span class="divider"></span>
- <ul class="menu">
- <li data-role="dropdown">
- <a href="#">菜单名称 1</a>
- <ul class="dropdown-menu">
- <li><a href="#">子菜单名称</a></li>
- ...
- <li><a href="#">子菜单名称</a></li>
- </ul>
- </li>
- <li><a /></li>
- <li class="divider"></li>
- <li><a /></li>
- </ul>
- </div>
- </div>
对于制作下拉菜单,你的页面</head>
必须有dropdown.js