今日学习内容: 1.鼠标事件 mouseover;mouseout 这一对支持冒泡行为 mouseenter mouseleave 不存在冒泡行为 mouseenter (事件的情况) 当鼠标从元素的边界之外移入元素之内时,事件被触发,而鼠标本身无法在边界元素內时,要触发改事件,必须先将鼠标移除元素边界之外,再次进入才能触发。 mouseover(事件情况) 当鼠标从元素的边界之外移入元素之内时,事件被触发,如果移到父元素里面的子元素,事件也会被触发(冒泡行为) 2.client属性 包括: content + padding clientLeft 边框的宽度-左边框 3.scroll属性 content + padding 如果内容超出了容器的高度,得到的scrollHeight就是内容的真实高度 scrollTop 头部卷去的部分 4.动画的实现思路目的:可以将js零散的知识点进行综合起来,加强理解。 知识点的总结应用 函数的封装的应用 动画库的封装 - 写一个函数(实现一个简单的动画) 原理 : 元素本身的偏移量的基础上加1 动画可以进行封装,方便后面重复调用,调用时只需要动画名()
|