abstrakt：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jq動畫導(dǎo)航</title><script type="text/javascript" src="jquery-3.3.1.min.js">&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jq動畫導(dǎo)航</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
ul>li{display: block;}
ul{width:600px;margin: 0 auto;margin-top: 80px;}
ul>li{width:100px;height:36px;line-height: 36px;float:left;font-size: 16px;text-align: center;border-right: 1px solid #ccc;background-color: #f4f4f4;}
ul>li:nth-child(5n){border-right: none;}
.current{font-size: 18px;background-color: lightblue;height:40px;margin-top: -2px;}
ul>li:hover{background-color: lightblue;}
</style>
</head>
<body>
<ul>
<li>導(dǎo)航01</li>
<li>導(dǎo)航02</li>
<li>導(dǎo)航03</li>
<li>導(dǎo)航04</li>
<li>導(dǎo)航05</li>
</ul>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("li").click(function(){
$(this).siblings('li').removeClass('current');
//$(this).animate('current',1500)
$(this).addClass('current');
})
})
</script>
</html>
Korrigierender Lehrer：滅絕師太Korrekturzeit：2019-03-18 16:50:50
Zusammenfassung des Lehrers：作業(yè)和課程有點差距,下次要按要求完成相應(yīng)作業(yè),可以拓展但是要包含上課內(nèi)容!