导航定义 * * * * * /*! * navbar:bootstrap基类 * navbar-main:自定义类 * container:bootstrap基类 * nav-item:导航列 * active:导航高亮类 * nav-sub:子导航类 */ ~~~ <nav class="navbar navbar-main"> <div class="container w-1100 pr"> <!-- logo --> <div class="nav-brand fl"> <a href="#" class="logo" style=""></a> </div> <!-- navbar 主导航--> <ul class="nav nav-main fl pr" role="navigation" effect="moveDown"> <li class="nav-item active"> <a href="#"> <span class="zh">首页</span> <span class="en">首页</span> </a> </li> <li class="nav-item"> <a href="#"> <span class="zh">关于碧特</span> <span class="en">关于碧特</span> </a> <!---二级导航--> <dl class="nav-sub clearfix"> <dt> <ul> <li class="box-ellipsis"><a href="/lists/14.html">设备分类一设备分类一</a></li> <li class="box-ellipsis"><a href="/lists/15.html">设备分类二设备分类二</a></li> <li class="box-ellipsis"><a href="/lists/16.html">设备分类二设备分类二</a></li> </ul> </dt> <dd> <!-- cover --> <a href="/lists/14.html"><img src="images/nav-cover.jpg"></a> </dd> </dl> </li> <li class="nav-item"> <a href="#"> <span class="zh">重点科室</span> <span class="en">重点科室</span> </a> </li> <li class="nav-item"> <a href="#"> <span class="zh">先进设备</span> <span class="en">先进设备</span> </a> </li> <li class="nav-item"> <a href="#"> <span class="zh">权威医师</span> <span class="en">权威医师</span> </a> </li> <span class="aline" id="aline"></span> </ul> <!-- navsearch --> <div class="top-search-form fr"> <span class="btn btn-search"></span> <form action="?" method="get" class="search-form clearfix"> <input type="text" class="form-control fl" placeholder="请输入关键字"> <input type="submit" class="btn btn-search fr" value=""> </form> </div> </div> </nav> ~~~