JS制作类似选项卡切换的年历

本文实例为大家分享了用JS制作简易的可切换的年历，类似于选项卡，供大家参考，具体内容如下

 
 
 
 
  #box{
  background-color: green;
  border-radius: 20px;
  padding: 10px;
  height: 800px;
  width: 450px;
  margin: 20px auto;
 
  }
  ul,li{
  margin: 0;
  padding: 0;
  list-style-type: none;
 
  }
  ul{
  overflow: hidden;
  }
  li{
  background-color: yellow;
  height: 120px;
  width:120px;
  float: left;
  margin: 10px;
  text-align: center;
  color:blueviolet;
  }
  #bottom{
  margin: 10px;
  }
  .active{
  background-color: crimson;
  }
 
 
 
 
  

  
一月
January 
  
二月
February 
  
三月
March 
  
四月
 April 
  
五月
 May 
  
六月
June
  
七月
July 
  
八月
August
  
九月
September 
  
十月
 October 
  
十一月
 November 
  
十二月
December
  
  
  一月
  
天气很好，去哪里玩呢？？？
  
 
 
 

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