京东轮播图——点击轮播

京东轮播图——点击轮播

完成效果如下

点击左右按钮可以实现图片转化，底下橙色的按钮也随之改变。
（图片是在京东上找的，只是觉得比较好看而已）

DIV布局
1、整体的一个div容器
2、image布局div
3、左右按钮的div
4、底部tab的div
CSS布局
1、设置整体容器的宽高，洗衣机相对位置
2、设置图片透明图及宽高，当前显示图片透明度为1，其他图片为0.
3、设置左右按钮位置，背景颜色，背景透明度，居中显示
4、设置底部tab的位置，颜色，形状，居中显示
JS
第一种方法：
获取自己所需的相关元素，控制图片显示的方法是将要显示的图片的calss的值改为on，使用index控制image的下标，以及tab的下标

第一种改进方法：
在第一种方法中的代码的重合度太高，将程序中不同的代码取出来，其他的代码共同使用

第二种改进方法：
这种不应该算是改进方法，只是一种取余方法的其他利用

第三种改进方法：
在使用代码时，常常需要将写好的代码交给其他人使用，为了避免其他人将代码改错，而发生报错的现象，使用callback方法，将可以改变的函数与不能改变的代码分开写，并且保证代码被改错时，只有相关功能不能实现，代码不报错，改变正确的部分正常运行。

对于这次的练习进行记录，对于回调函数还是比较不理解，下来会继续学习。