JavaScript实现简单的tab选项卡切换

本文实例讲解了Javascript实现简单的tab选项卡切换的示例代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

  
  
  
    *{
      padding: 
    }
    button{
      width: 95px;
    }
    .active {
      background-color: yellow;
    }
    #wrap{
      width:510px;
      overflow: hidden;
      margin:0 auto;
    }
    #inner{
      width:9999px;
      overflow: hidden;
      position: relative;
      left:0;
      transition: left 0.6s;
    }
    #inner a {
      float: left;
    }
    #inner img {
      display: block;
      width:510px;
    }
    #main{
      text-align: center;
    }

  


 
  
    
    
    
    
    
  
 
 
  1
  2
  3
  4
  5
 

 

希望本文所述对大家学习javascript程序设计有所帮助，熟练掌握选项卡切换操作。