Community

Learn

Tools Library

AI Tools

Leisure

English

Home > Web Front-end > JS Tutorial > Implementation code of js tab effect_navigation menu

Implementation code of js tab effect_navigation menu

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Release： 2016-05-16 18:38:08

Original

976 people have browsed it

Pre-implementation effect: (Click different tabs to display different panel contents)

1: JS functions used:

Copy code The code is as follows:

2: Page call code;
Code

Copy the code The code is as follows:

onClick="tabPanelEx(this,'../images/an_02.jpg','../images/an_01.jpg','newTabs','newsTab1') ">

Full Staff Education

< /td>

onClick="tabPanelEx(this,'../images/an_02.jpg','.. /images/an_01.jpg','newTabs','newsTab2')" >

Medical news

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

All-staff education

Full Staff Education

Call explanation:
(1) uses table, the table structure is:
Code

Copy code The code is as follows:

 
 >

< tr> 
 
Full Staff Education
< /td> 

Medical news
< ;/td> 
 
All staff education
< /div> 
 
Medical news

< /td>

Full file download

Related labels：

js tab

source：php.cn

Previous article：javascript dynamically adjust image size implementation code_image special effects Next article：The difference between jquery $(document).ready() and window.onload_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn