回顾
三大系列—常用属性
1.offset系列：
offsetHeight：元素的高度（有边框）
offsetWidth：元素的宽度（有边框）
（父级元素margin+padding+border+自己的margin）
offsetTop：元素距离页面左边的值
offsetLeft：元素距离页面上面位置的值
2.scroll系列（卷曲）：
scrollLeft：元素向左卷曲出去的距离
scrollTop：元素向上卷曲出去的距离
scrollWidth：元素中实际的宽度，如果没有内容或内容很少，则为元素的宽度
scrollHeight：元素中实际的高度，如果没有内容或内容很少，则为元素的高度
3.client系列：
clientWidth:可视区域的宽度（无边框）
clientHeight:可视区域的高度（无边框）
clientLeft:左边框的宽度
clientTop:上边框的宽度
clientX:可视区域的横坐标(与父级元素的距离)
clientY:可视区域的纵坐标
动画函数的封装
1.匀速动画
2.变速(缓动)动画
3.获取元素计算后的样式属性的值---为缓动动画服务
4.获取页面卷曲距离的函数封装
案例练习
1.旋转木马轮播图
2.手风琴
3.固定导航栏
4.筋斗云导航栏
day07
案例
1.图片随鼠标移动
//用对象封装兼容代码
2.拖拽的对话框
3.高清放大镜
4.滚动条案例
5.表格隔行变色--鼠标离开恢复原色
6.tab切换效果
7.大量字符串拼接
字符串的不可变性，只会更改存储指向地址，不能更改其值
使用数组，push，join，方法