abstrakt： 通過該實(shí)例的學(xué)習(xí)讓自己對之前學(xué)過的只是有了更深的理解，真的是要多練習(xí)，這樣才能寫的快，怎么感覺老師講的時(shí)候十幾分鐘連講帶些都可以，自己寫著沒什么感覺，1個(gè)小時(shí)就過去了。差別不是一般的大，通過該實(shí)例的練習(xí)讓自己對 fade淡入淡出和slide 滑入滑出有了更深的記憶，實(shí)例如下： <!DOCTYPE html> <html> <head&
通過該實(shí)例的學(xué)習(xí)讓自己對之前學(xué)過的只是有了更深的理解，真的是要多練習(xí)，這樣才能寫的快，怎么感覺老師講的時(shí)候十幾分鐘連講帶些都可以，自己寫著沒什么感覺，1個(gè)小時(shí)就過去了。差別不是一般的大，通過該實(shí)例的練習(xí)讓自己對 fade淡入淡出和slide 滑入滑出有了更深的記憶，實(shí)例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三級下拉菜單</title>
<link rel="shortcut icon" type="image/x-icon" href="../picture/mi.png">
<link rel="stylesheet" type="text/css" href="../css/css.css">
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
.menu{width: 510px;height: 40px;background: #000;margin: 0pc auto;border: 1px solid #ccc;border-radius: 5px;margin-top: 15px;}
ul li{width: 100px;height:40px;text-align: center;float: left;border-right: 1px solid #ccc;line-height: 40px;color: #ccc;cursor: pointer;}
ul{list-style: none;}
.twoMenu li{width: 100px;height: 30px;line-height: 30px;background: #2D2D2D;color: #A9A9A9; font-size: 14px;position: relative;border:0px;}
.threeMenu {position: absolute; top: 0px;left: 100px;}
.twoMenu li:hover{background: #000;}
</style>
</head>
<body>
<!-- 主導(dǎo)航條框架 -->
<div>
<!-- 主導(dǎo)航內(nèi)容 -->
<ul>
<li>首頁</li>
<li>視頻
<ul>
<li>綜藝</li>
<li>喜劇
<!-- 三級導(dǎo)航 -->
<ul>
<li>喜劇1</li>
<li>喜劇2</li>
<li>喜劇3</li>
</ul>
</li>
<li>古裝</li>
</ul>
</li>
<li>新聞</li>
<li>小說
<ul>
<li>小說1</li>
<li>小說2
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
</ul>
</li>
<li>小說3</li>
<li>小說4</li>
</ul>
</li>
<li>綜藝</li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.twoMenu').hide();
$('.threeMenu').hide();
$('.oneMenu>li').mousemove(function(){
// 二級導(dǎo)航向下滑出
$(this).find('.twoMenu').fadeIn(500);
})
$('.oneMenu>li').mouseleave(function(){
// 二級導(dǎo)航向上滑入
$(this).find('.twoMenu').fadeOut(500);
})
$('.three').mousemove(function(){
// 三級導(dǎo)航向下滑出即鼠標(biāo)一移動(dòng)到.three上時(shí)自動(dòng)滑出
$('.three').find('.threeMenu').fadeIn(500);
})
$('.three').mouseleave(function(){
// 三級導(dǎo)航上滑入即鼠標(biāo)移開后自動(dòng)隱藏三級菜單
$('.three').find('.threeMenu').fadeOut(500);
})
})
</script>
</body>
</html>
Korrigierender Lehrer：韋小寶Korrekturzeit：2018-12-13 10:13:15
Zusammenfassung des Lehrers：學(xué)習(xí)的時(shí)候就是這樣，開始先不要圖快，只求可以記得住！一定要多寫！時(shí)間花了不并且也用心了！就一定會就成績出來的！