基本轮播图实现

 

       基本轮播图的五个功能点：

 

一、生成动态基本序号

二、点击序号以动画的方式切换图片

三、鼠标移入或者移出显示或隐藏箭头

四、通过箭头实现上一张和下一张的切换

五、鼠标移出轮播图自动播放、移入轮播图停止播放

 

       具体实现思路：

 

一、生成动态基本序号

1.通过CreateElement 和appendChild组合来创建动态序列

2.在动态生成的元素中插入内容  （setInnerText经过兼容处理的方法）

 

 

 

二、点击序号以动画的方式切换图片

 

 

 

1.清除高亮，并给点击序列设置高亮

2.获取索引值为图片切换做准备 （setAttribute和对象.index=i这两种其中一种设置索引）