Heim >Web-Frontend >js-Tutorial >js tab效果的实现代码_导航菜单

js tab效果的实现代码_导航菜单

WBOY
WBOYOriginal
2016-05-16 18:38:08933Durchsuche

预实现效果:(点击不同的tab显示不同面板内容)


 一:用到的js函数:

复制代码 代码如下:



二:页面调用代码;
代码
复制代码 代码如下:






















onClick="tabPanelEx(this,'../images/an_02.jpg','../images/an_01.jpg','newTabs','newsTab1')">
全员教育
onClick="tabPanelEx(this,'../images/an_02.jpg','../images/an_01.jpg','newTabs','newsTab2')" >
医界动态










全员教育


全员教育






调用解释:
(1)使用的为table,table结构为:
代码
复制代码 代码如下:




















全员教育

医界动态




全员教育





完整文件下载
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn