首頁  >  文章  >  web前端  >  js tab效果的实现代码_导航菜单

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

WBOY
WBOY原創
2016-05-16 18:38:08900瀏覽

预实现效果:(点击不同的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结构为:
代码
复制代码 代码如下:




















全员教育

医界动态




全员教育





完整文件下载
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn