이 기사에서는 JS가 참조를위한 간단한 탭 전환 효과를 구현하기위한 특정 코드를 공유했습니다. 특정 내용은 다음과 같습니다
JS 탭 전환 코드 :
<! docType html> <html> <Head Lang = "en"> <meta charset = "gb2312"> <title> 실제 질문- 실제 질문- 탭 </title> <style type = "text/css"> *{margin : 0px; 패딩 : 0px; } #tab {마진 : 10px; } #tab ul {List-Style : 없음; 높이 : 36px; 국경 바닥 : 2px 솔리드 블랙; 디스플레이 : 블록; } #tab ul li {float : 왼쪽; 디스플레이 : 인라인 블록; 패딩 : 0px 15px; 높이 : 34px; 라인 높이 : 34px; 마진 오른쪽 : 5px; 국경 : 1px Solid #CCC; 국경 바닥 : 없음; 커서 : 포인터; } #tab div {패딩 : 5px; 국경 : 1px Solid #CCC; 테두리 : 없음; } #tab ul li.on {border-top : 2px solid black; 국경 바닥 : 2px 솔리드 흰색; } .hide {디스플레이 : 없음; }. var myul = mytab.getElementsByTagName ( "ul") [0]; var myli = myul.getElementsByTagName ( "li"); var mydiv = mytab.getElementsByTagName ( "div"); // (i = 0, len = myli.length; i <len; i ++) {myli [i] .index = i; myli [i] .onclick = function () {for (var n = 0; n <len; n ++) {myli [n] .classname = ""; mydiv [n] .classname = "숨기기"; } this.className = "on"; mydiv [this.index] .classname = ""; }}}} </script> </head> <body> <!-html 페이지 레이아웃-> <div id = "tab"> ul> <li> 부동산 </li> <li> 홈 </li> <li> 중고 하우스 </li> </ul> <li> 2.75 백만 위안 2.75 백만 위안을 구매하기 위해 1. Yuan은 Anjia East Third Road 1.4 백만 위안을 구매하기위한 530,000 위안을 구매하기위한 530,000 위안을 구매하기 위해 530,000 위안을 구매하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 사기 위해 5,000 위안을 사기 위해 5,000 위안을 사기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 530,000 위안을 구입합니다. 5,000 위안을 사기 위해 5,000 위안을 사기 위해 5,000 위안을 사기 위해 5,000 위안을 사기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 사기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하기 위해 5,000 위안을 구입하십시오. 5,000 위안 공원 공원에있는 건물의 왕에게 300 위안을 짓기 위해 </div> <div> 40 평방 미터의 렌터카 하우스가 개조되고 아름다운 소녀의 혼합 둥지가 있습니다. 클래식 신선하고 단순한 OU AI의 90 평방 미터 오래된 집이 활력을 되찾았습니다. 새로운 중국 스타일. 시원하고 따뜻합니다. 66 평방 미터의 대비 색상 활기찬 홈 타일은 좋은 아내의 욕실 연도 디자인을 선택하는 것과 같습니다. 두 번째 반지는 부족 2 침실 2.50W. 웨스트 3 반지 투명 2 침실 290 만. 130 만. 침실 2 개. Huangchenggen 초등학교 지구의 제한된 구매. 1.21 평방 미터. 700,000 위안! 독점 빌라 280 만. Suzhou Bridge 2 침실 할인 가격 2.48 백만. </div> </div> </body> </html>위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.