                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(四)—動(dòng)畫(huà)篇

請(qǐng)問(wèn)：1問(wèn)：noww和fxx接收的是哪兩個(gè)參數(shù)，沒(méi)有定義fxx這個(gè)函數(shù)啊。是怎么調(diào)用的？

<!DOCTYPE?html>
<html>

<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????p?{
????????color:?red;
????}
????
????div?{
????????width:?200px;
????????height:?100px;
????????background-color:?yellow;
????????color:?red;
????}
????a{
????????display:?block
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
????<h2>animate(下)</h2>
????<p>慕課網(wǎng),專(zhuān)注分享</p>
????<div?id="aaron">內(nèi)部動(dòng)畫(huà)</div>
????點(diǎn)擊觀(guān)察動(dòng)畫(huà)效果：
????<select?id="animation">
????????<option?value="1">動(dòng)畫(huà)step動(dòng)畫(huà)</option>
????????<option?value="2">動(dòng)畫(huà)progress回調(diào)</option>
????</select>
????<a></a>
????<input?id="exec"?type="button"?value="執(zhí)行動(dòng)畫(huà)">
????<script?type="text/javascript">
????$("#exec").click(function()?{
????????var?v?=?$("#animation").val();
????????var?$aaron?=?$("#aaron");
????????if?(v?==?"1")?{
????????????//觀(guān)察每一次動(dòng)畫(huà)的改變
????????????$aaron.animate({
????????????????height:?'50'
????????????},?{
????????????????duration?:2000,
????????????????//每一個(gè)動(dòng)畫(huà)都會(huì)調(diào)用
????????????????step:?function(noww,?fxx)?{??
???????????????????$aaron.text('高度的改變值:'+noww)?
????????????????}
????????????})
????????}?else?if?(v?==?"2")?{
????????????//觀(guān)察每一次進(jìn)度的變化
????????????$aaron.animate({
????????????????height:?'50'
????????????},?{
????????????????duration?:20000,
????????????????//每一步動(dòng)畫(huà)完成后調(diào)用的一個(gè)函數(shù)，
????????????????//無(wú)論動(dòng)畫(huà)屬性有多少，每個(gè)動(dòng)畫(huà)元素都執(zhí)行單獨(dú)的函數(shù)?
????????????????progress:?function(now,?fx)?{
???????????????????$aaron.text('進(jìn)度:'+arguments[2])
????????????????????//?var?data?=?fx.elem.id?+?'?'?+?fx.prop?+?':?'?+?now;?
????????????????????//?alert(data)
????????????????}
????????????})
????????}?
????});
????</script>
</body>

</html>

2問(wèn)：arguments[1]的值是怎么來(lái)的？改成arguments[2]顯示的數(shù)值又什么值？改成arguments[3]后顯示undefined說(shuō)明數(shù)組里面只有三個(gè)值，這三值分別是什么？懵逼了，求大神解答！拜謝?。?！

慕數(shù)據(jù)5775487

2017-01-05

源自：jQuery基礎(chǔ)(四)—動(dòng)畫(huà)篇 5-2

關(guān)注問(wèn)題我要回答

1989

操作

收起

3 回答

水墨流沙回答被采納 +3 積分
2017-01-05

noww接收的是每次動(dòng)畫(huà)時(shí)height的值,fxx是指每個(gè)動(dòng)畫(huà)的每一步完成之后要執(zhí)行的函數(shù). step自動(dòng)執(zhí)行的這個(gè)函數(shù).
?arguments對(duì)象是比較特別的一個(gè)對(duì)象，實(shí)際上是當(dāng)前函數(shù)的一個(gè)內(nèi)置屬性。arguments非常類(lèi)似Array，但實(shí)際上又不是一個(gè)Array實(shí)例.arguments對(duì)象的長(zhǎng)度是由實(shí)參個(gè)數(shù)而不是形參個(gè)數(shù)決定的。形參是函數(shù)內(nèi)部重新開(kāi)辟內(nèi)存空間存儲(chǔ)的變量，但是其與arguments對(duì)象內(nèi)存空間并不重疊.
也就是說(shuō)此時(shí)的arguments[1]代表的是progress的進(jìn)度，而它是從0-1的,0代表開(kāi)始，1代表結(jié)束