tap栏切换 js




	
	Document


电影 综艺 电视剧
  • 电影
  • 电视剧
  • 综艺
*{
       	  margin: 0;
       	  padding: 0;
       }
       li{
       	list-style: none;
       }
       #box{
       	 margin: 200px;
       	  border: 1px solid #ccc;
       	  width: 600px;
       }
       .box-top{
           width: 615px;
           height: 60px; 
            border-bottom: 1px solid #ccc;
       }
       .box-top span{
       	display: inline-block;
       	width: 32%;
       	height: 100%;
       	line-height: 60px;
       	text-align: center;
       }
       .box-foot{
       	 padding: 10px;
       	 height: 200px;
       	 font-size: 30px;
       }
       .active{
       	 color:#fff;
       	 background-color: #bf35bd;
       	 font-size: 20px;
       	 
       }
       .current{
       	  font-weight: 600;
       	  display: block;
       }
       li{
       	display: none;
       }
        var  box=document.getElementById('box');
	var spans=box.getElementsByTagName("span");
	var lis=box.getElementsByTagName("li");
	for(var i=0;i



你可能感兴趣的:(tap栏切换 js)