实用菜单
查看效果：http://www.×××/eg/e5/index.html
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="企業(yè)培訓(xùn),企業(yè)內(nèi)訓(xùn),android培訓(xùn),軟考培訓(xùn),it企業(yè)培訓(xùn)" />
<meta name="description" content="安博中程企業(yè)培訓(xùn)多年來致力于android培訓(xùn),軟考培訓(xùn),嵌入式,UI設(shè)計,重構(gòu),架構(gòu),軟件測試,需求分析,軟件開發(fā),數(shù)據(jù)庫, 國防軍工等IT高端技術(shù)的企業(yè)培訓(xùn)、企業(yè)內(nèi)訓(xùn),一直在行業(yè)內(nèi)處于領(lǐng)先地位,所開企業(yè)內(nèi)訓(xùn)或公開課如軟考培訓(xùn),android應(yīng)用開發(fā)培訓(xùn),軟件工程培訓(xùn), 敏捷開發(fā),嵌入式培訓(xùn),項目管理及國防軍工的電子產(chǎn)品設(shè)計和信息化培訓(xùn)等授課講師均是知名專家,行業(yè)內(nèi)領(lǐng)軍人物,已成為中國高端培訓(xùn)第一品牌." />
<title>安博中程企業(yè)培訓(xùn),企業(yè)內(nèi)訓(xùn),專注于android培訓(xùn),軟考培訓(xùn),軟件開發(fā),軟件工程,嵌入式,UI設(shè)計,重構(gòu),架構(gòu)等IT企業(yè)培訓(xùn)</title>
<style type="text/css">
<!--
/*通用*/
body{font:12px Arial,Verdana,Tahoma,"宋體";}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20537A;}
a:hover{text-decoration:underline;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.clearfix {_zoom: 1;}
*+html .clearfix {overflow:auto;}
.menu_navcc{width:970px; margin:0 auto;}
.menu_nav{width:970px;height:48px;background:url(img/nav_bg.gif) repeat-x;float:left;margin-top:18px;}
.menu_nav .nav_content{padding-left:25px;background:url(img/nav_l_bg.gif) no-repeat;float:left;}
.menu_nav .nav_content li{width:88px;height:48px;padding-left:15px;padding-right:13px;background:url(img/nav_li_right.gif) no-repeat right center;float:left;line-height:48px;text-align:center;font-size:14px;font-weight:bold;}
.menu_nav .nav_content li a{color:#fff;width:88px;height:48px;display:block;}
.menu_nav .nav_content li.current{line-height:37px;}
.menu_nav .nav_content li em{background:url(img/bid_new.gif) no-repeat;width:35px;height:21px;display:inline-block;position:absolute;top:-20px;left:40px;}
.menu_nav .nav_content li.current a,.menu_nav .nav_content li a:hover{width:88px;height:37px;background:url(img/nav_li_current.gif) no-repeat;display:block;color:#fff;}
.menu_nav .nav_content li a:hover{background:url(img/nav_li_hover.gif) no-repeat;line-height:37px;text-decoration:none;}
.menu_nav_right{padding-right:10px;background:url(img/nav_r_bg.gif) no-repeat right top;float:right;margin-left:50px;padding-top:13px;height:23px;padding-bottom:12px;}
p{margin-bottom:15px}
-->
</style>
</head>
<body style="text-align:center">
<div style="height:100px;"></div>
<div style="clear:both"></div>
<div class="menu_navcc">
<div class="menu_nav clearfix">
<ul class="nav_content">
<li class="current"><a href="http://www.×××/" title="首頁"><span>首頁</span></a></li>
<li><a href="http://www.×××/kecheng/" title="高端課程"><span>高端課程</span></a></li>
<li><a href="http://www.×××/gongkaike/" title="公開課"><span>公開課</span></a></li>
<li style="position:relative;"><a href="http://www.×××/dingzhi/" title="企業(yè)內(nèi)訓(xùn)"><span>企業(yè)內(nèi)訓(xùn)</span></a><em>< /em></li>
<li><a href="http://www.×××/tuandui/" title="專家團(tuán)隊"><span>專家團(tuán)隊</span></a></li>
<li><a href="http://www.×××/vip/5346.html" title="VIP會員服務(wù)"><span>VIP會員服務(wù)</span></a></li>
<li><a href="http://www.amboedu.com/" title="職業(yè)教育"><span>職業(yè)教育</span></a></li>
<li><a href="http://www.×××/" title="企業(yè)培訓(xùn)"><span>企業(yè)培訓(xùn)</span></a></li>
</ul>
</div>
</div>
</body>
</html>
查看效果：http://www.×××/eg/e5/index.html
轉(zhuǎn)載于:https://blog.51cto.com/4110463/739636
總結(jié)
- 上一篇： 使用 AjaxManager 生成调用服
- 下一篇： Lync常识之Lync客户端有哪些