abstract：<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>三級(jí)下拉菜單</title><style>div{margin:30px 180px;}ul{list-style:none;padding:0px;}ul li{floa
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三級(jí)下拉菜單</title>
<style>
div{margin:30px 180px;}
ul{list-style:none;padding:0px;}
ul li{float:left;position:relative;}
ul li a{text-decoration:none;
background:#a40000;
display:block;
line-height:40px;
text-align:center;
padding:0px 10px;
color:white;
margin-right:1px;
}
ul li a:hover{background:#f90;}
ul li ul li,ul li ul li ul li{float:none;margin-top:1px;}
ul li ul li ul{position:absolute;
left:100%;
top:-1px;
width:100px;
}
ul li ul {display:none;}
ul li:hover ul{display:block;}
ul li:hover ul li ul{display:none;}
ul li ul li:hover ul{display:block;}
</style>
</head>
<body>
<div>
<ul>
<li ><a href="#">學(xué)校概況</a></li>
<li ><a href="#">管理機(jī)構(gòu)</a></li>
<li ><a href="#">學(xué)院設(shè)置</a>
<ul>
<li ><a href="#">電氣學(xué)院>></a>
<ul>
<li ><a href="#">電子系</a>
<li ><a href="#">測(cè)控系</a>
<li ><a href="#">電力系</a>
<li ><a href="#">信息系</a>
<li ><a href="#">信息系</a>
<li ><a href="#">自動(dòng)化系</a>
</ul>
</li>
<li ><a href="#">材料學(xué)院</a></li>
<li ><a href="#">測(cè)繪學(xué)院</a></li>
<li ><a href="#">土木學(xué)院>></a>
<ul>
<li ><a href="#">地下工程系</a>
<li ><a href="#">巖土工程系</a>
<li ><a href="#">建筑工程系</a>
<li ><a href="#">工程力學(xué)系</a>
<li ><a href="#">工程管理系</a>
</ul>
</li>
<li ><a href="#">安全學(xué)院</a></li>
</ul>
</li>
<li ><a href="#">科學(xué)研究</a></li>
<li ><a href="#">招生就業(yè)</a></li>
</ul>
</div>
</body>
</html>
Correcting teacher：查無此人Correction time：2019-05-07 09:52:13
Teacher's summary：完成的不錯(cuò)。也可以用js，或者jq來實(shí)現(xiàn)。繼續(xù)加油。