Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0
}
.container {
	width:100%
}
.top_menu {
	width:100%;
	height:3rem;
	display:flex;
	text-align:center;
	line-height:3rem;
	font-size:.6rem
}
.common {
	width:25%
}
.ul {
	width:100%;
	height:6rem;
	position:relative;
	overflow-x:hidden
}
.bottom_content {
	width:400%;
	height:6rem;
	display:flex;
	transition:all .5s ease;
	position:absolute;
	top:0;
	left:0%
}
.body_1 {
	width:100%;
	height:6rem;
	text-align:center;
	line-height:2rem;
	font-size:.6rem;
	color:red
}
.liactive {
	border-bottom:0;
	background-color:#ccc
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery tab切换非常实用

更新时间:2021-01-25 02:09:26

tab切换直接简单

0