无标题文档#tab1{ 너비:196px; 높이:220px; 오버플로:숨김; 테두리:1px 단색 #666;}
#tab2{ 너비:196px; 높이:220px; 오버플로:숨김; 테두리:1px 단색 #666;}
.menu{ 너비:196px; 높이:18px; 여백:0; 패딩:0;}
.menu li{ float:left; 목록 스타일:없음; 너비:48px; 텍스트 정렬:가운데; 테두리 하단:1px 솔리드 #666; 테두리 오른쪽:1px 솔리드 #666; 커서:포인터;}
.menu li.current{ border-bottom:none;}
.content-main{ 너비:196px; 높이:200px; 오버플로:숨김;}
.content{ 너비:196px; 높이:200px; 오버플로:숨김; 디스플레이:블록;}
.hide{ 디스플레이:없음;너비:196px; 높이:200px; 오버플로:숨김;}
.menu li.last-col{ border-right:none; width:49px;}
tab1
tab2
< div class="hide">tab3
tab4
tab1
tab2
tab3
tab4
< /div>
<script>new tabSlider("#tab1",4);</script>
<script>new tabSlider("#tab2",4 );</script>