導航定義
* * * * *
/*!
* 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>
~~~