對這段代碼還不理解,求介紹解釋
//點(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)行了就沒問題,是我哪里理解錯了,求大神幫忙解釋一下。。
2017-07-10
offset是傳到animate里面的參數(shù),不是最終left的值。將現(xiàn)在offset=-600傳到animate之后,animate這個函數(shù)還要在加-600,最終變成-1200,也就是第二張圖
2017-08-12
var?myIndex?=?parseInt(this.getAttribute('index'));這里的index和上面的var index=1;不是同一個index;
this.getAttribute('index')是取到當(dāng)前節(jié)點(diǎn)的index這個自定義屬性的值
2017-07-10
結(jié)合animate函數(shù)看一下,還有你在animate(offset)這個代碼處加個斷點(diǎn),調(diào)試??纯醋罱K的left是怎么變的。調(diào)試一遍應(yīng)該就會了