1、jQuery獲取元素的寬高:a:width():設置或返回元素的寬度
b:height():設置或返回元素的高度
a:innerWidth():返回元素的寬度,包括內邊距
b:innerHeight():返回元素的高度,包括內邊距
a:outerWidth():返回元素的寬度,包括內邊距和邊框
b:outerHeight():返回元素的高度,包括內邊距和邊框
2、$(".points-list li").eq(current).addClass("active").siblings().removeClass("active")含義:
獲取class為poins-list下的li元素的第current個,並添加class為active,同時刪除兄弟節點中li的class為active的class。
3、輪播圖的實現原理:a、利用浮動將所有所有照片依次排成一行,給這一長串圖片添加一個父級的遮罩,每次只顯示一張圖,其餘的都隱藏起來。對圖片添加絕對定位,通過控制left屬 性,實現照片的移動。
b、.圖片移動動畫原理:從a位置移動到b位置,需要先計算兩點之間的差值,通過差值和時間間隔,計算出每次移動的步長,通過添加定時器,每次移動相同的步 長,實現動畫效果。
c、圖片定位停止原理:每一張照片都有相同的寬度,每張照片都有一個絕對的定位數值,通過檢測定每次移動後,照片當前位置和需要到達位置之間的距離是否小 於步長,如果小於,説明已經移動到位,可以將定時器清除,來停止動畫。