>웹 프론트엔드 >JS 튜토리얼 >js 탭 effect_navigation 메뉴 구현 코드

js 탭 effect_navigation 메뉴 구현 코드

WBOY
WBOY원래의
2016-05-16 18:38:08925검색

구현 전 효과: (다른 탭을 클릭하면 다른 패널 내용이 표시됩니다.)


1: 사용된 JS 함수:

코드 복사 코드는 다음과 같습니다.



2: 페이지 호출 코드;
코드
code 코드는 다음과 같습니다.








/table>



호출 설명:

(1)은 테이블을 사용하며 테이블 구조는 다음과 같습니다.
코드


코드 복사

코드는 다음과 같습니다.








onClick="tabPanelEx(this,'../images/an_02.jpg','../images/an_01.jpg','newTabs',' newsTab1') ">
전체 직원 교육
< /td>
onClick="tabPanelEx(this,'../images/an_02.jpg',' .. /images/an_01.jpg','newTabs','newsTab2')" >
의학 뉴스




🎜>


td width="1" height="240" background="../images/a_07.jpg">


전직원 교육


정규직 교육





<첫 번째 행 메뉴 탭>
;
전체 직원 교육
<

의료 뉴스
< ;/td> >


<-- 간격--> ="5" align="center">

td align="center">


전체 직원 교육


< /td>




전체 파일 다운로드

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.