第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

對這段代碼還不理解,求介紹解釋

	//點(diǎn)擊圓點(diǎn)切換圖片
	for(var?i?=?0;?i?<?btn.length;?i++){
		btn[i].onclick?=?function(){
			//獲取當(dāng)前點(diǎn)擊的index值
			var?myIndex?=?parseInt(this.getAttribute('index'));
			var?offset?=?-600?*?(myIndex?-?index);
			animate(offset);
			index?=?myIndex;
			showButton();
		}
	}
	

在計算點(diǎn)擊圓點(diǎn)的偏移量這里,很不了解是怎么計算的。

var myIndex = parseInt(this.getAttribute('index'));

//這一段是或缺點(diǎn)擊的圓點(diǎn)當(dāng)前index的值

var offset = -600 * (myIndex - index);

//這一段就不懂了,一開始定義了 index=1,如果我點(diǎn)擊第二個圓點(diǎn),那么myIndex=2,算出來就是 ?offset = -600 * (2-1) ?,, ? offset = -600;;這樣的話,不就是跳到第一張圖,但是運(yùn)行了就沒問題,是我哪里理解錯了,求大神幫忙解釋一下。。

正在回答

3 回答

offset是傳到animate里面的參數(shù),不是最終left的值。將現(xiàn)在offset=-600傳到animate之后,animate這個函數(shù)還要在加-600,最終變成-1200,也就是第二張圖

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

小白菜v 提問者

嗖嘎,還是有點(diǎn)不理解/笑哭??
2017-07-10 回復(fù) 有任何疑惑可以回復(fù)我~
#2

小白菜v 提問者

非常感謝!
2017-08-17 回復(fù) 有任何疑惑可以回復(fù)我~
var?myIndex?=?parseInt(this.getAttribute('index'));

這里的index和上面的var index=1;不是同一個index;

this.getAttribute('index')是取到當(dāng)前節(jié)點(diǎn)的index這個自定義屬性的值

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

小白菜v 提問者

這里懂了,謝謝,。。加油加油學(xué)習(xí)
2017-08-17 回復(fù) 有任何疑惑可以回復(fù)我~

結(jié)合animate函數(shù)看一下,還有你在animate(offset)這個代碼處加個斷點(diǎn),調(diào)試??纯醋罱K的left是怎么變的。調(diào)試一遍應(yīng)該就會了

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

小白菜v 提問者

好的,謝謝
2017-07-10 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
焦點(diǎn)圖輪播特效
  • 參與學(xué)習(xí)       65347    人
  • 解答問題       638    個

通過本教程學(xué)習(xí)您將能掌握非常實(shí)用的焦點(diǎn)圖輪播特效的制作過程

進(jìn)入課程

對這段代碼還不理解,求介紹解釋

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號