abstract：animate() 方法創(chuàng)建自定義動(dòng)畫語法：$('選擇器').animate({params},speed,fn);必需：params參數(shù)定義形成動(dòng)畫的css屬性！可選：speed參數(shù)規(guī)定效果的時(shí)長。它可以取以下值：slow、fast或毫秒！可選的 fn是動(dòng)畫完成后所執(zhí)行的函數(shù)！例：$(function(){ &nb
animate() 方法創(chuàng)建自定義動(dòng)畫
語法：
$('選擇器').animate({params},speed,fn);
必需：params參數(shù)定義形成動(dòng)畫的css屬性！
可選：speed參數(shù)規(guī)定效果的時(shí)長。它可以取以下值：slow、fast或毫秒！
可選的 fn是動(dòng)畫完成后所執(zhí)行的函數(shù)！
例：$(function(){
$('#but1').click(function(){
$('p').animate({fontSize:'40px'},1500) /屬性名稱一律用駝峰寫法
})
})
可以使用預(yù)定義的值：show hide toggle
總結(jié)：可以同時(shí)操作多個(gè)css屬性！屬性之間逗號(hào)隔開！屬性值要寫在引號(hào)內(nèi)。使用預(yù)定義的值就是把預(yù)定義的值當(dāng)做屬性的值來使用！
stop()方法用于停止動(dòng)畫或效果，在它們完成之前 該方法適用于所有jQuery效果函數(shù)，包括滑動(dòng)、淡出淡入和自定義動(dòng)畫！
語法：
$('選擇器').stop(stopAll,goToEnd)
可選參數(shù) stopAll 規(guī)定是否應(yīng)該清除動(dòng)畫隊(duì)列。默認(rèn)是false僅停止活動(dòng)的動(dòng)畫，允許任何任何排入隊(duì)列的動(dòng)畫向后執(zhí)行！
可選參數(shù)goToEnd 規(guī)定是否立即完成當(dāng)前動(dòng)畫。默認(rèn)是false
默認(rèn)情況下 stop() 會(huì)清除在被選元素上指定的當(dāng)前動(dòng)畫！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>自定義動(dòng)畫</title>
<script src="/jQuery/jQuery-3.3.1.js"></script>
<script>
$(function(){
$('a').click(function(){
$('a').animate({fontSize:'20px'})
});
$('a').hover(
function(){
$('a').css('color','red')
},
function(){
$('a').hide()
}
)
})
</script>
<style>
*{margin: 0px;padding: 0px;}
.cont{height: 50px;background: #ccc;}
.nav{width: 50%;height: 50px;margin: 0px auto;}
ul li{list-style: none;}
ul li a{color:#fff; text-decoration: none; float: left; height: 50px;text-align: center;line-height: 50px;padding-right: 30px;}
</style>
</head>
<body>
<div class="cont">
<div class="nav">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">國內(nèi)</a></li>
<li><a href="#">國際</a></li>
<li><a href="#">軍事</a></li>
<li><a href="#">財(cái)經(jīng)</a></li>
<li><a href="#">娛樂</a></li>
<li><a href="#">體育</a></li>
<li><a href="#">互聯(lián)網(wǎng)</a></li>
</ul>
</div>
</div>
</body>
</html>
Correcting teacher：天蓬老師Correction time：2019-01-13 13:45:07
Teacher's summary：很多人使用jQuery,就是喜歡上了他的動(dòng)畫 , 實(shí)在是功能強(qiáng)大,而操作又是這么的簡單,加油