原生js写轮播图

作为一个javaweb工程师既要写的了后端代码也要写的了前端页面，所有轮播图这种基本的要会。

下面就介绍一下原生js写轮播图

一、这是写在jsp里的

  
        
  
             
  
             
  
             
  
             
    
        
  
        
  
            
1
  
            
2
  
            
3
  
            
4
  
        
  
    
  

二、javascrpt设置事件

这也是写在jsp里的

三、css样式

css里*{margin:0;padding:0;}这一句很重要，要解释一下。

*是重置所有样式，因为ul这个元素在不同浏览器默认值不一样，重置是为了适应不同的浏览器来实现轮播图的效果，这是一定要重置的。

如果你因为别的样式影响，不能对*所有重置，就重置ul就可以了。

ul{margin:0;padding:0;}