简单的导航栏，鼠标上移以自动展开下拉菜单，并使用HTML CSS实现。
！ doctype html public '-//W3C//dtd XHTML 1.0 transitional//en ' ' http://www.w3.org/tr/XHTML1/dtd/XHTML1- transion charset=utf-8' /title老铁666！ /titlestyle*{padding:0； margin:0； }.menu(font-family: )华文行楷)； width:750px； margin :50 px自动； }.menu ul {list-style: none； }.menu ul li {float:left； position:relative； }.menu ul li a， menullia : visited { display : block； 文本对齐3360中心； 文本修饰：无； width:104px； height:30px； color:#000； border :1 px固态# fff； border-width:1px 1px 0 0； 后台： # c9c9a 7； line-height:30px； font-size:12px； }.menu ul li ul {display: none； }.menu ulli : hovera { color : # fff； 后台： # b3ab 79； }.menu ulli : hover ul { display : block； 位置： absolute； top:31px； left:0； width:105px； }.menu ulli : hoverullia { display : block； 后台： # faeec 7； color:#000； }.menu ulli : hoverullia : hover { background : # DFC 184； color:#000； }/style/headbodydivclass=' menu ' ulliahref=' # '组织机构/aullia href='# '组织图/a/lilia href='# '办公电话/a/lilia hreahreref lilia href='# '党委宣传部/a/li/ul/lilia href='# '行政部门/AulLiahref '教务处/a/lilia href='# '学生处/a/Li/ul/lilia href ' '图书馆/a/a/aullia href='# '会计学院/a/lilia href='# '计算机信息工程学院/a/lilia href='# '商学院/a/Li/ul/lilia aullia href='# '学习专题网站/a/lilia href='# '图书校园网/a/Li/ul/Li/uldivclass=' clear '/ddar '