1.预备知识
1.1 html,css基础
div标签:盒子模型，就是放在网页上的一个盒子，而我们要显示的东西就可以放到这个盒子里面去显示。
img标签：只需要知道这是一张图片就可以了，相关属性可以看代码
demo1
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>divdemo</title>
</head>
<body>
<!--divcss属性说明， margin：auto表示左右边距自动，顶端对齐，也就是水平居中，顶端对齐， 设置定位为相对定位，为了让图片固定在这个盒子里边
还有一个属性是overflow：hidden，就是超出这个盒子的部分将被隐藏，不显示
-->
<div class="pic" style="width: 400px;height: 400px;background-color: red;margin: auto;position: relative;overflow: hidden;">
<!--img标签，宽度高度是自带属性，定位设为绝对定位，这样就可以让图片超出div盒子的范围了-->
<img src="img/000.png" height="100%" width="100%" style="position: absolute;"/>
</div>
</body>
</html>
```
1.2 动画原理
动画是由一张张的图片拼接起来的，这应该都想得到。那么在网页中应该怎么做动画呢。首先先打开火狐浏览器的控制台，看看一个效果。火狐浏览器打开上面编写的网页文件，按F12跳出控制台，然后我们就可以调节img标签的left属性了，可以用鼠标点击属性值，之后通过上下键调节数值，就会发现图片可以动了。网页中神奇的动画也就是这样修改元素的属性来制作的。
1.4 js基本语法
变量
var a = 10; //用var关键字声明一个普通变量
var b = "E:\\test\\1.html" // 存放路径
var c = "E:\\test\\"+a+".html" // 拼接指定文件的路径
其他各种循环语句和c,java等编程语言类似，不作赘述
函数
function funName(){
// 函数体，写函数功能的地方
}
js事件
页面加载完成事件
window.
JS常用函数
定时器 setInterval() 清除定时器 clear... 页面加载完成事件
其他js内容请自行百度
