亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

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

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

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

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

//這一段是或缺點擊的圓點當前index的值

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

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

正在回答

3 回答

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

0 回復 有任何疑惑可以回復我~
#1

小白菜v 提問者

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

小白菜v 提問者

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

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

this.getAttribute('index')是取到當前節點的index這個自定義屬性的值

0 回復 有任何疑惑可以回復我~
#1

小白菜v 提問者

這里懂了,謝謝,。。加油加油學習
2017-08-17 回復 有任何疑惑可以回復我~

結合animate函數看一下,還有你在animate(offset)這個代碼處加個斷點,調試。看看最終的left是怎么變的。調試一遍應該就會了

0 回復 有任何疑惑可以回復我~
#1

小白菜v 提問者

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

舉報

0/150
提交
取消
焦點圖輪播特效
  • 參與學習       65333    人
  • 解答問題       638    個

通過本教程學習您將能掌握非常實用的焦點圖輪播特效的制作過程

進入課程

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

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號