animate()是過渡執行的函數,需要延遲后才將CSS屬性設置上去,而each函數早在這段延遲還未來結束的時間里,就已經為所有的照片完成了zIndex的設置,所以導致所有圖片的zIndex的值瞬間相同。
老師的辦法是先將所有的圖片的zIndex的值以數組的形式儲存起來。在完成過渡效果的瞬間為每個圖片添加上數組中儲存的zIndex
老師的辦法是先將所有的圖片的zIndex的值以數組的形式儲存起來。在完成過渡效果的瞬間為每個圖片添加上數組中儲存的zIndex
2018-05-18
點擊按鈕 執行循環函數 函數循環9次 分別做了以下兩件事情
1條件檢查,為第一個LI,直接獲取最后一個LI的位置屬性進行過渡變幻
2條件檢查,不是第一個LI,直接獲取排列在它前面的LI的位置屬性進行過渡變幻
DOM結構并未發生改變,無限循環。
1條件檢查,為第一個LI,直接獲取最后一個LI的位置屬性進行過渡變幻
2條件檢查,不是第一個LI,直接獲取排列在它前面的LI的位置屬性進行過渡變幻
DOM結構并未發生改變,無限循環。
2018-05-17
老師的思路很棒?我只能說很奇葩,明明左邊的排列可以不用那么復雜,非得把右邊的最后一張拿過來倒著排列,真是無語。而且這門課對圖片的布局需要很明確的,第一堂課應該是把整個布局一些特別注意的地方點出來,不然過來看的新手絕對云里霧里
2018-05-16
所謂構造函數不過是人們意淫的一個概念,選擇首字母大寫進行區分,本質上它就是個函數。
而原型上的方法,又不過就像是寫在構造函數里的方法一樣,在原型上寫好的方法,都是要放在構造函數里等待啟動的,當我們使用NEW去創建實例時,也就啟動了原型上的方法。
這里面是一種思想 而不是去盲目的記住 原型寫方法 屬性寫在類 憑什么方法就不能寫在類里? 視情景而定,不要死記
而原型上的方法,又不過就像是寫在構造函數里的方法一樣,在原型上寫好的方法,都是要放在構造函數里等待啟動的,當我們使用NEW去創建實例時,也就啟動了原型上的方法。
這里面是一種思想 而不是去盲目的記住 原型寫方法 屬性寫在類 憑什么方法就不能寫在類里? 視情景而定,不要死記
2018-05-14
說錯,self.prev()應該是所選self元素的前一個元素,當self為$("li")時才是獲取除最后一個li元素之前的所有同胞元素。
2018-05-14
self.prev():此處self為當前選中的<li>元素。括號內為空時,獲取除最后一個li元素之前的所有同胞元素。.get(0),獲取第一個<li>元素,如果第一個元素不存在(也只有self為第一個li元素的時候才會不存在)時,把前一個li設置為最后一個li。否則正常獲取為前一個。
2018-05-14
rLevel = lLevel = Math.floor(this.posterItems.length/2),
rWidth = lWidth = this.setting.posterWidth,
rHeight = lHeight = this.setting.posterHeight;
然后遍歷設置左右兩邊圖片的時候就不用搞那么復雜了
rWidth = lWidth = this.setting.posterWidth,
rHeight = lHeight = this.setting.posterHeight;
然后遍歷設置左右兩邊圖片的時候就不用搞那么復雜了
2018-05-14
window["Carousel"] = Carousel;
可以寫成window.Carousel = Carousel;
老師這種寫法還沒見過,還可以這樣寫?
可以寫成window.Carousel = Carousel;
老師這種寫法還沒見過,還可以這樣寫?
2018-05-13