JS :
$ ( ". con"). eq (0) .show (); ( ".
CSS :
바디 {커서 : 기본값; -webkit- 텍스트 크기 조정 : 없음; 글꼴 크기 : 12px; 글꼴 패밀리 : arial; 배경 : #fff; } .Clear {Zoom : 1; }. Clear : {가시성 : 숨겨진 후; 디스플레이 : 블록; 글꼴 크기 : 0; 내용 : "1"; Clear : 둘 다; 높이 : 0; } .main {너비 : 500px; 마진 : 20px 자동; } .btn span {너비 : 35px; 텍스트 정렬 : 센터; 색상 : #fff; 배경 :#F00; 커서 : 포인터; 여백 : 0 5px; 디스플레이 : 블록; 플로트 : 왼쪽; } .con {디스플레이 : 없음; 국경 :#033 1px 고체; 높이 : 100px; 너비 : 200px; }HTML :
<div> <div> <span> 1 </span> <span> 2 </span> <span> 3 </span> </div> <div> 첫 번째 <br/> </div> </div> <div> 두 번째 <br/> </div> <div> 두 번째 <br/> </div> <div> 세 번째 <br/> </div> </div>
스크린 샷
위의 가장 간단한 탭 전환 예제 코드는 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.