查看效果：http://www.miiceic.org.cn/eg/eg1/caidan.html
全部源码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>安博中程企业培训,企业内训,专注于android培训,软考培训,软件开发,软件工程,嵌入式,UI设计,重构,架构等IT企业培训</title>
<meta name="keywords" content="企业培训,企业内训,android培训,软考培训,it企业培训"/>
<meta name="description" content="安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库, 国防军工等IT高端技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训, 敏捷开发,嵌入式培训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品 牌."/>
<meta name="copyright" content="安博教育集团 中程在线北京科技有限公司版权所有"/>
</head>
<style type="text/css">
a{
font-size: 12px;
}
a:link{
color: #333333;
text-decoration: none;
}
a:visited{
text-decoration: none;
color: #333333;
}
a:hover{
text-decoration: underline;
color: #4E667B;
}
a:active{
text-decoration: none;
}
#Mainmenu{
width:100%;
margin:0px auto;
text-align:center;
height:41px;
background-image: url(nav_bj.jpg);
background-repeat: repeat-x;
}
#MainmenuIn {
width:880px;
margin: 0px auto;
text-align:center;
}
#Mainmenu a{
text-decoration:none;
}
#Mainmenu dl{
position:relative;
padding:0;
margin:0;
width:80px;
float:left;
}
#Mainmenu dl dt{
background:url(xiao.jpg) left 13px no-repeat;
height:41px;
overflow:hidden;
text-align:center;
}
#Mainmenu dl dt.over{
background:none;}
#Mainmenu dl dt a{
display:block;
padding-top:5px;
line-height:33px;
color:#FFF;
font-size:14px;
font-weight:bold;
}
#Mainmenu dl.choose dt,#Mainmenu dl.over dt{
/*background:url(subon.gif) center bottom no-repeat;
border:#2886B3 solid 1px;
border-bottom:0;*/
background:url(menuon.gif) center 3px no-repeat;
}
#Mainmenu dl.choose dt a,#Mainmenu dl.over dt a{
color:#333;
}
#Mainmenu dl dd{
position:absolute;
left:-40px;
top:38px;
display:none;
z-index:2;
}
#Mainmenu dl.choose dd{
display:block;
width:80px;
background:url(menuon.gif) center bottom no-repeat;
padding:5px 0 3px 0;
}
#Mainmenu dl.choose dd div a{
display:block;
margin:0 3px 0 3px;
line-height:25px;
height:25px;
text-align:center;
}
#Mainmenu dl.choose dd div a:hover{
background:#25B0D4;
color:#FFF;
}
#Mainmenu div.post{
float:right;
background:url(menu_post.gif) left top no-repeat;
}
#Mainmenu div.post span{
display:block;
padding:3px 20px 0 30px;
line-height:35px;
background:url(menu_note.gif) 18px 10px no-repeat;
}
#Mainmenu div.post a{
font-size:14px;
font-weight:bold;
color:#FFF;
}
/**/
</style>
<body>
<div >http://www.miiceic.org.cn/eg/eg1/caidan.html