摘要：
一 动画基本原理 1）核心原理 // 通过定时器 setInterval() 不断移动盒子位置 2）实现步骤 //1 获得盒子当前位置 element.offsetLeft//2 让盒子在当前位置加上1个移动距离//3 利用定时器不断重复这个操作//4 加一个结束定时器的条件//5 此元素需要添加定 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
摘要：
阅读全文
摘要：
阅读全文
摘要：
知识梳理 // 1 可以动态的得到该元素的大小 滚动距离等 1）常用属性 element.scrollTop // 1 返回 被卷去的上测距离 [ 常用 ] element.scrollLeft // 2 返回 被卷去的左侧距离 [ 常用 ] element.scrollWidth // 3 返回自 阅读全文
摘要：
知识梳理 //1 onload 和 onpageshow的区别 1）参数说明 (function flexible(window, document) {}(window, document));//window 顶级对象//document 下一个对象 2）代码 <!doctype html> < 阅读全文
摘要：
知识梳理 //1 不需要调用 立马能够自己执行 //2 创建一个独立的作用域 里面所有的变量都是局部变量//3 可以是命名函数 可以传递参数 传递参数 //语法1 (function (singer) { alert(singer); })('蔡琴');//第二个小括号 可以看做是函数调用 可以传实 阅读全文
摘要：
offset系列返回的值带边框 client系列返回的值不包含边框值 element.clientTop // 返回元素上边框的值 element.clientLeft //返回元素左边框的值 element.clientWidth //返回元素自身的宽度 [不含border] element.cl 阅读全文
摘要：
案例分析 //案例分三大块 //1 鼠标经过图片盒子 遮罩盒子 和 放大镜盒子显示 鼠标离开 它们隐藏 //2 遮罩层跟随鼠标移动功能 //3 移动黄色遮罩层 大图片跟随移动 1）第一部分思路 2）第二部分思路 3）第三部分思路 4）最大移动值的概念 代码实现 <!DOCTYPE html> <ht 阅读全文
摘要：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 30px; 阅读全文