JS实现标签页切换效果

本文实例为大家分享了JS标签页切换的具体代码，供大家参考，具体内容如下

*{margin:0;padding:0;}
 #wrap{width:500px; margin:10px auto; }
 #tag{ width:498px; overflow:hidden; background:#000; border:1px solid #000; }
 #tag li{list-style:none; float:left; margin-right:0px; color:white; padding:5px 20px; cursor: pointer;}
 #tag .current{ color:#000; background:#ccc; }
 #tagContent div{ width:498px; border:1px solid #000; border-top:none; height:300px; display:none; }




 

  
标签一
  
标签二
  
标签三
  
标签4
  
标签5
 
 
   内容一
内容一 
   内容二
内容二 
   内容三
内容三 
   内容4
内容4 
   内容4
内容5555555555555555 
 

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