jquery_jquery를 기반으로 9줄의 js를 이용하여 쉽게 탭 컨트롤을 구현한 예

复代码 代码如下:

<머리>




<스타일>
리{
테두리:1px 솔리드 #b5e2f3;
테두리 하단:0px;
플로트:왼쪽;
폭:100px;
높이:25px;
여백:0 7px;
배경:#F1FEF3;
패딩:9px 0 0 0;
텍스트 정렬:가운데;
색상:#33a3dc;
커서:포인터;
}
ul{
너비:800;
높이:36px;
테두리 하단:1px 솔리드 #b5e2f3;
}
#선택됨{
배경:#FFF!중요;
border-bottom:2px solid #FFF!important;
}
ul{margin:-1px;}
#cate1,#cate2, #cate3, #cate4, #cate5{
clear:both;
높이:300px;
배경:#FFFFFF;
폭:800px;
높이:100px;
패딩:25px;
테두리:1px 솔리드 #b5e2f3;
}

<본문>

• 1


• 2


• 3


• 4

1

2

3

4

<스크립트>
tab("탭","선택됨");