サマリー：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>三級(jí)下拉菜單</title> <script type="text/javascript" src="jq
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>三級(jí)下拉菜單</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function unfold(li) {
$(li).children("ul").show();
};
function fold(li) {
$(li).children("ul").hide();
}
//隱藏所有ul
$(document).ready(function(){
$("div ul li ul").hide();
});
</script>
</head>
<body>
<div style="width:200px;height:100px" >
<ul><!-- 一級(jí)菜單 -->
<li><a href="">首頁(yè)</a></li>
<li onmousemove="unfold(this)" onmouseout="fold(this)"> <!-- 使用onmousemove和onmouseout實(shí)現(xiàn)鼠標(biāo)移上時(shí)展開(kāi)下拉菜單，鼠標(biāo)移開(kāi)時(shí)收縮下拉菜單功能 -->
<a href="">編程語(yǔ)言</a>
<ul><!-- 二級(jí)菜單 -->
<li onmousemove="unfold(this)" onmouseout="fold(this)">
<a href="">JavaScript</a>
<ul><!-- 三級(jí)菜單 -->
<li><a href="">jQuery</a></li>
<li><a href="">AJAX</a></li>
<li><a href="">JSON</a></li>
</ul>
</li>
<li><a href="">C/C++</a></li>
<li><a href="">C#</a></li>
</ul>
</li>
<li onmousemove ="unfold(this)" onmouseout="fold(this)" >
<a href="">人工智能</a>
<ul>
<li><a href="">機(jī)器學(xué)習(xí)</a></li>
<li><a href="">深度學(xué)習(xí)</a></li>
<li><a href="">語(yǔ)音識(shí)別</a></li>
</ul>
</li>
<li onmousemove="unfold(this)" onmouseout="fold(this)">
<a href="">移動(dòng)開(kāi)發(fā)</a>
<ul>
<li><a href="">iOS</a></li>
<li><a href="">微信開(kāi)發(fā)</a></li>
<li><a href="">Android</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>使用onmousemove和onmouseout實(shí)現(xiàn)鼠標(biāo)移上時(shí)展開(kāi)下拉菜單，鼠標(biāo)移開(kāi)時(shí)收縮下拉菜單功能。
添削の先生：天蓬老師添削時(shí)間：2018-12-06 13:13:45
先生のまとめ：本題主要是考察對(duì)鼠標(biāo)移動(dòng)事件的處理, 這些事件可以實(shí)現(xiàn)很多有用的功能