abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="font-awesom
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
</head>
<style type="text/css">
*{margin: 0;padding: 0;}
ul{list-style: none;}
.nav{height: 700px;width: 150px;background: #323232;margin: 30px;color: #FFFFFF;font-size:17px;}
.nav li{text-align: center;line-height: 50px;border-bottom: 1px solid #999999;}
.nav li:hover{background: #BE1616;}
.nav span{float: right;line-height: 50px;margin-right: 10px;}
.one li{position: relative;}
.two{position: absolute;left: 150px;top: -1px;border: 1px solid #999999;}
.two li{text-align: center;line-height: 50px;border-bottom: 1px solid #999999;width: 150px;background: #323232;position: relative;}
.two p{position: absolute;left:150px;top: -1px;background: #323232;width: 350px;line-height: 25px;padding: 15px;text-indent: 2em;border: 1px solid #999999;text-align: left;}
</style>
<body>
<div class="nav">
<ul class="one">
<li style="background: #BE1616;">圖書<span class="fa fa-angle-right"></span></li>
<li>文學(xué)<span class="fa fa-angle-right"></span>
<ul class="two">
<li>穆斯林的葬禮
<p>
《穆斯林的葬禮》是以回族手工匠人梁亦清的玉器作坊奇珍齋升沉起伏為主線，在歷史的背景下描寫梁家三代人不同的命運(yùn)變遷，表現(xiàn)了主人公為追求理想和事業(yè)，為完善自身素質(zhì)所發(fā)出的蓬勃不息的命運(yùn)意識(shí)。
</p>
</li>
<li>穆斯林的葬禮</li>
<li>穆斯林的葬禮</li>
<li>穆斯林的葬禮</li>
</ul>
</li>
<li>漫畫<span class="fa fa-angle-right"></span></li>
<li>小說(shuō)<span class="fa fa-angle-right"></span></li>
<li>雜志<span class="fa fa-angle-right"></span></li>
</ul>
</div>
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('.two').hide();
$('p').hide();
$('.one>li:eq(1)').mouseover(function(){
$(this).find('.two').slideDown(300)
})
$('.one>li:eq(1)').mouseleave(function(){
$(this).find('.two').hide(300)
})
$('.two li').mouseover(function(){
$(this).find('p').slideDown(300)
})
$('.two li').mouseleave(function(){
$(this).find('p').hide()
})
})
</script>
</html>
Correcting teacher：韋小寶Correction time：2019-02-28 18:03:57
Teacher's summary：寫的很不錯(cuò) 這些在以后的項(xiàng)目中基本上都會(huì)使用到的 課后沒(méi)事要記得多去練習(xí)哦