11.8笔记

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、图片定位停止原理：每一张照片都有相同的宽度，每张照片都有一个绝对的定位数值，通过检测定每次移动后，照片当前位置和需要到达位置之间的距离是否小                                             于步长，如果小于，说明已经移动到位，可以将定时器清除，来停止动画。