Html
    Css
    Js

    
                        
input {
	border:none;
	width:100px;
	height:50px;
	line-height:50px;
	margin:20px;
	font-size:20px;
}
#one input {
	background-color:lightskyblue;
}
#two input {
	background-color:deepskyblue;
}
#three input {
	background-color:blue;
}
body {
	background-color:#ccc;
}

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

tab栏的排他功能

被点击的按钮值发生变化,再次点击时,发生新的变化,之前被点击的按钮恢复原状。

0