CSS+HTML实例:超酷的竖排导航栏-(0)
divid="navcontainer" ulid="navlist" liid="active"ahref=http://www.webjx.com/htmldata/2006-05-29/"#"id="current"Itemone/a ulid="subnavlist" liid="subactive"ahref=http://www.webjx.com/htmldata/2006-05-29/"#"id="subcurrent"Subitemone/a/li liah
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href=http://www.webjx.com/htmldata/2006-05-29/"#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href=http://www.webjx.com/htmldata/2006-05-29/"#" id="subcurrent">Subitem one</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem two</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem three</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem four</a></li>
</ul>
</li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item two</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item three</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item four</a></li>
</ul>
</div>
<
<ul id="navlist">
<li id="active"><a href=http://www.webjx.com/htmldata/2006-05-29/"#" id="current">Item one</a>
<ul id="subnavlist">
<li id="subactive"><a href=http://www.webjx.com/htmldata/2006-05-29/"#" id="subcurrent">Subitem one</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem two</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem three</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Subitem four</a></li>
</ul>
</li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item two</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item three</a></li>
<li><a href=http://www.webjx.com/htmldata/2006-05-29/"#">Item four</a></li>
</ul>
</div>
<
精彩图集
精彩文章