简单的带缩略图功能原生JS轮播图讲解。

代码：http://jsrun.net/jUpKp/edit

首先。把HTML结构写好，并写上CSS样式，这步不说了略过。

一。先制作出简单的轮播图切换上一张，下一张功能的基本组件。

二。生成下方LI标签，方便鼠标滑过显示缩略图。此处注意用STR空标签载入HTML文档中，可以加快网页的渲染速度。

三。给轮播图，下方LI标签，添加起始默认样式。并再轮播图中书写页码切换随图片变换代码

四。再第一步中添加清空上一次浏览，LI保留的颜色变化！注意是先清空再变化。注意书写的先后顺序。

五。点击下方LI标签切换轮播图代码。

六。处理图片同步，需再第五步声明自定义属性，主要是为了记录存储FOR循还变量I的数值。因为FOR循环最后一次输出为条件最大值

七。用FOR循环往LI中添加缩略图

八。for循环生成鼠标滑过，滑开状态。

本次JS动手操作中有几个坑需要各位同学可以注意
首先JS获取元素时，如果页面HTML结构中不存在的，JS添加进去的，应该实用动态获取的方法，实用静态是获取不到元素的。

其次注意使用自定义属性存储for循环中每次I的数据，因为FOR循环输出结果为I的条件判断最大值

最后是，注意LI选中状态颜色变化前需清空之前浏览过的样式。

生成下方页码。