JavaScript 实现图片轮播

今天给大家介绍下怎么用 JS 实现图片轮播效果。

原理描述：

使用JS实现轮播的原理是这样的：

 假设初始的情况，下图一个网格代表一个图，初始时，显示1 ：

当进行一次轮播后，显示变为下图 显示2：

依次类推。

 

代码实现：

1 JS 代码：

2  HTML 代码：

   

       
• 

       
• 

       
• 

       
• 

   

   

       
       
       

   

3 CSS代码：

4 实现效果：