摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>三級(jí)導(dǎo)航</title> <link rel="stylesheet&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三級(jí)導(dǎo)航</title>
<link rel="stylesheet" href="static/css/style2.css">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.css">
<link rel="shortcut icon" href="static/images/logo1.png" type="image/x-icon">
<script type="text/javascript" src="static/js/jquery.js"></script>
</head>
<body>
<ul>
<li style="background: #be1616;"><a href="" style="margin-right: 10px;">圖書</a></li>
<li>
<a href="">文學(xué)<i class="fa fa-angle-right"></i></a>
<ul>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
</ul>
</li>
<li><a href="">漫畫<i class="fa fa-angle-right"></i></a>
<ul>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
<li><a href="">鋼鐵怎么樣煉成<i class="fa fa-angle-right"></i></a>
<div>
<p>鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣煉成的鋼鐵是怎樣</p>
</div>
</li>
</ul>
</li>
<li><a href="">小說(shuō)<i class="fa fa-angle-right"></i></a></li>
<li><a href="">雜志<i class="fa fa-angle-right"></i></a></li>
</ul>
<script type="text/javascript">
$(function(){
$(".two,.three").hide();
$("li.one").mouseover(function(){
$(this).find('.two').stop(true,true).slideDown(300);
})
$("li.one").mouseleave(function(){
$(this).find('.two').stop(true,true).slideUp(300);
})
$("li.two").mouseover(function(){
$(this).find('.three').stop(true,true).slideDown(300);
})
$("li.two").mouseleave(function(){
$(this).find('.three').stop(true,true).hide(300);
})
})
</script>
</body>
</html>
class又沒(méi)了...
批改老師：滅絕師太批改時(shí)間：2018-11-16 09:12:55
老師總結(jié)：我跟技術(shù)反饋下，完成的不錯(cuò)，案例用到的知識(shí)點(diǎn)都很類似，要把知識(shí)點(diǎn)活學(xué)活用很重要