javascript css红色经典选项卡效果实现代码

本文实例为大家分享了js选项卡效果的具体实现代码，供大家参考，具体内容如下

效果图：

实现代码：

 
 
 
 

 
body{ font-size:12px;} 
.sec,.sec1{ cursor:pointer;} 
.sec{ color:#FFFFFF; font-weight:bold; text-align:center; background-color:#990000;} 
.sec1{ color:#990000; text-align:center; background-color:#FFFFFF;} 
div{ line-height:22px;} 
 

 


 

 

 
 
 
  
选项卡1
 
  
选项卡2
 
  
选项卡3
 
  
选项卡4
 
  
选项卡5
 
 
 
 
 
  
 
选项卡1月在上班 
选项卡2月在上班 
选项卡3月在上班 
选项卡4月在上班 
选项卡5月在上班 
 
 
 
 

 
 
 
 
  
选项卡1
 
  
选项卡2
 
  
选项卡3
 
  
选项卡4
 
 
 
 
 
  
 
选项卡1月在上班 
选项卡2月在上班 
选项卡3月在上班 
选项卡4月在上班 
 
 
 
 


 
 

以上就是本文的全部内容，希望对大家的学习有所帮助。