PROMULGATOR

    忐忑妞儿

    北京市
    Html
    Css
    Js

    
                        


                        

                            


.content_con_tab {
	}.items-box-group .items-group.hide {
	display:none;
}
.tab_group {
	display:flex;
	background:#fff;
	margin-top:5px;
}
.tab_group div {
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#9d9d9d;
	cursor:pointer;
}
.tab_group div.self {
	color:#fff;
	background:#fc5531;
}
.items-box-group .items-group {
	margin-top:30px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.items-box-group .items-group .item-group {
	display:flex;
	float:left;
	width:25%;
	height:auto;
	align-items:center;
	margin-top:5px;
	padding:0 20px;
	box-sizing:border-box;
}
.items-box-group .items-group .item-group .item-group-con {
	width:100%;
	margin-bottom:20px;
	background:#FFFFFF;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.16);
	border-radius:4px 4px 4px 4px;
}
.items-box-group .items-group .item-group .item-group-con .item-group-con-img {
	padding-top:70%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.items-box-group .items-group .item-group .item-group-con .description {
	padding:20px;
	position:relative;
}
.items-box-group .items-group .item-group .item-group-con .name {
	font-size:18px;
	font-weight:400;
	color:#333333;
	line-height:36px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.items-box-group .items-group .item-group .item-group-con .des {
	font-size:14px;
	font-weight:400;
	color:#999999;
	line-height:24px;
}
.items-box-group .items-group .item-group .item-group-con .data {
	display:flex;
	justify-content:space-between;
	font-size:12px;
	font-weight:400;
	color:#999999;
	line-height:24px;
	margin-top:20px;
}
.items-box-group .items-group .item-group .item-group-con .btn-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px 0 20px;
	text-align:center;
	background:#fff;
	opacity:0;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.4

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
jquery制作tab切换

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             

                         

                     

                   
                


                
0