基本轮播图的五个功能点:
一、生成动态基本序号
二、点击序号以动画的方式切换图片
三、鼠标移入或者移出显示或隐藏箭头
四、通过箭头实现上一张和下一张的切换
五、鼠标移出轮播图自动播放、移入轮播图停止播放
具体实现思路:
一、生成动态基本序号
1.通过CreateElement 和appendChild组合来创建动态序列
2.在动态生成的元素中插入内容 (setInnerText经过兼容处理的方法)
二、点击序号以动画的方式切换图片
1.清除高亮,并给点击序列设置高亮
2.获取索引值为图片切换做准备 (setAttribute和对象.index=i这两种其中一种设置索引)