类似淘宝的导航栏
html代码
复制代码
<div class=”end_wrap”>
<div class=”end_box”>
<ul>
<li class=”shiling”>
<dl>
<dt>
<h3>时令周边游</h3>
<p><a href=””>天数</a><a href=””>丽水</a><a href=””>台州</a><a href=””>休闲度假</a></p>
</dt>
<dd>
<div class=”navcontent clear”>
<div class=”subitem”>
<div class=”li_dl”>
<div class=”li_dl_dt”>漂流</div>
<div class=”li_dl_dd”><em><a href=””>大峡谷</a></em><em><a href=””>三清山</a></em><em><a href=””>千岛湖</a></em></div>
</div>
<div class=”li_dl”>
<div class=”li_dl_dt”>游乐园</div>
<div class=”li_dl_dd”><em><a href=””>大峡谷</a></em><em><a href=””>三清山</a></em><em><a href=””>千岛湖</a></em></div>
</div>
</div>
<div class=”subitem”>
<div class=”li_dl”>
<div class=”li_dl_dt”>名山明水</div>
<div class=”li_dl_dd”><em><a href=””>大峡谷2</a></em><em><a href=””>三清山2</a></em><em><a href=””>千岛湖2</a></em></div>
</div>
</div>
</div>
</dd>
</dl>
</li>
<li class=”guonei”>
<dl>
<dt>
<h3>国内风行游</h3>
<p><a href=””>天数</a><a href=””>丽水</a><a href=””>台州</a><a href=””>休闲度假</a></p>
</dt>
<dd>
2
</dd>
</dl>
</li>
<li class=”guoji”>
<dl>
<dt>
<h3>国际风尚游</h3>
<p><a href=””>天数</a><a href=””>丽水</a><a href=””>台州</a><a href=””>休闲度假</a></p>
</dt>
<dd>
3
</dd>
</dl>
</li>
<li class=”gongsi”>
<dl>
<dt>
<h3>公司游</h3>
<p><a href=””>天数</a><a href=””>丽水</a><a href=””>台州</a><a href=””>休闲度假</a></p>
