>  기사  >  웹 프론트엔드  >  js tab效果的实现代码_导航菜单

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

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

预实现效果:(点击不同的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으로 문의하세요.