js实现自动轮换选项卡

本文实例为大家分享了js自动轮换选项卡的具体代码，供大家参考，具体内容如下

效果图：

代码：

*{padding:0;margin:0;}
ul{list-style:none;}
#content{width:300px;height:200px;margin:150px auto;border:10px solid #ccc;padding:10px;}
#top{width:300px;height:50px;background:#ccc;}
#top a{height:50px;line-height:50px;font-size:20px;text-decoration:none;color:#000;display:inline-block;padding:0 10px;}
#top a.active{background:yellow;}
#main{width:300px;height:150px;background:#f1f1f1;}
#main img{width:200px;height:150px;}
#main ul{width:100px;height:150px;display:inline-block;float:right;}
#main ul li{width:100px;height:50px;background:#f1f1f1;border-bottom:1px dotted #000;line-height:50px;text-align:center;}
#main ul li.active{background:blue;}






 
  
  
 
 
  
  

   

   

   

  
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。