JQuery와 + 컨텐츠 사업부를 전환하는 버튼을 클릭, 버튼을 강조 표시합니다

 

 

HTML :

<div 클래스 = "DW4">
<스팬 클래스 = "DW">单位(次) </ SPAN>
<div = "time4"클래스>
<div 클래스 = "DAT 일 active4">은 </ div>
<div 클래스 = "DAT 개월"> B </ div>
</ div>
</ div>

<DIV 클래스 = "tabinners4">
<DIV 클래스 = "inner4는">
    나는 처음 내용 오입니다
</ DIV>

<DIV 클래스 = "inner4">
나는 아 두 번째 만족했다

</ DIV>

</ DIV>

 

 

CSS :

.dw4 {
총수 : 상대;
}
.time4 {
총수 : 절대;
오른쪽 : 6 픽셀;
최고 : 2 픽셀;
}
.time4 .DAT {
폭 : 픽셀,;
높이 : 20 픽셀;
디스플레이 : 인라인 블록;
/ * 플로트 : 오른쪽; * /
색상 : #fff;
폰트 크기 : 12 픽셀;
배경 : 홈페이지 (../ 이미지 / l4.png) 노 - 반복;
패딩 왼쪽 : 11px;
패딩 탑 : 1 x 1 픽셀;
커서 : 포인터;
}

.dw4 .active4 {

배경 : 홈페이지 (../ 이미지 / h4.png) 노 - 반복;
커서 : 포인터;
폭 : 픽셀,;
}
.tabinners4 .inner4 : 제 아이 {
디스플레이 : 블록;
}

.inner4 {
폭 : 370px;
높이 : 209px;
배경 : 홈페이지 (../ 이미지 / kuang4aa.png) 노 - 반복;
위치 : 상대;
디스플레이 : 없음;
여백 - 상단 : 12 픽셀;
}

 

JS :

. $ ( ". time4 .DAT"() 함수 () {을 클릭합니다
. $ (이) .addClass ( 'active4') 형제 자매 ()를 removeClass ( 'active4').
VAR 지수 = $ (이)있는 .index () ;
$ ( "tabinners4 .inner4.") EQ (인덱스) .show () 형제 () (숨길)...
})