从很多焦点轮播图中我们都可以看到下面的显示相应图片的索引小圆环。

淘宝：

魅族：

其他：

当然还可以直接用图片来制作小圆环。

每一个的切换效果是用jQuery做的。需要先引入一个jQuery文件。

切换效果就是这行代码：

1 

 

 首先是淘宝的。

html:

1 
     
      2 
      
3 
      
4 
      
5 
      
6 
      
7 
      
8 
     

css:

1 

然后是魅族：

html:

1 
     
       2  
      
3  
      
4  
      
5  
      
6 
     

css:

1 

 

然后是其他：

html：

1 
     
      2  
      3  
      4  
      5  
      6  
      7 
     

css:

1 

具体的布局样式就是这样的哦。