abstrak： 通過該實例的學習讓自己對之前學過的只是有了更深的理解，真的是要多練習，這樣才能寫的快，怎么感覺老師講的時候十幾分鐘連講帶些都可以，自己寫著沒什么感覺，1個小時就過去了。差別不是一般的大，通過該實例的練習讓自己對 fade淡入淡出和slide 滑入滑出有了更深的記憶，實例如下： <!DOCTYPE html> <html> <head&
通過該實例的學習讓自己對之前學過的只是有了更深的理解，真的是要多練習，這樣才能寫的快，怎么感覺老師講的時候十幾分鐘連講帶些都可以，自己寫著沒什么感覺，1個小時就過去了。差別不是一般的大，通過該實例的練習讓自己對 fade淡入淡出和slide 滑入滑出有了更深的記憶，實例如下：
<!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>
<!-- 主導航條框架 -->
<div>
<!-- 主導航內容 -->
<ul>
<li>首頁</li>
<li>視頻
<ul>
<li>綜藝</li>
<li>喜劇
<!-- 三級導航 -->
<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(){
// 二級導航向下滑出
$(this).find('.twoMenu').fadeIn(500);
})
$('.oneMenu>li').mouseleave(function(){
// 二級導航向上滑入
$(this).find('.twoMenu').fadeOut(500);
})
$('.three').mousemove(function(){
// 三級導航向下滑出即鼠標一移動到.three上時自動滑出
$('.three').find('.threeMenu').fadeIn(500);
})
$('.three').mouseleave(function(){
// 三級導航上滑入即鼠標移開后自動隱藏三級菜單
$('.three').find('.threeMenu').fadeOut(500);
})
})
</script>
</body>
</html>
Guru membetulkan：韋小寶Masa pembetulan：2018-12-13 10:13:15
Rumusan guru：學習的時候就是這樣，開始先不要圖快，只求可以記得??！一定要多寫！時間花了不并且也用心了！就一定會就成績出來的！