简单利用CSS进行导航定位。这是我使用最方便的了。一直没找着好的方法。
<style>
#menu{
clear:both;
width:100%; height:64px;
background:url(images/menu_bg.jpg) repeat-x;
}
#menu-bg{
width:755px; margin:auto; height:64px;
padding-left:124px; padding-right:124px;
background:url(images/menu_bg.jpg) repeat-x;
}
#menu-parent{
margin:auto; height:36px; line-height:36px;
background:url(images/menu-parent-bg.gif) no-repeat left center;
}
#menu-parent a{
display:inline; width:93px; height:36px; line-height:35px;
float:left; text-align:center; padding-left:1px;
color:#FFFFFF;
}
#menu-parent a:hover,#menu-parent a:active,.menuA{
background:url(images/menu-bg-A.gif) no-repeat right;
color:#CCCCCC !important;
}
</style>
<div >
<div >
<div >
<a href="#" class="menu-this" >网站首页</a>
<a href="#" >关于我们</a>
<a href="#" >新闻中心</a>
<a href="#" >产品体系</a>
<a href="#" >解决方案</a>
<a href="#" >典型案例</a>
<a href="#" >客户服务</a>
<a href="#" >联系我们</a> </div>
</div>
</div>