预实现效果:(点击不同的tab显示不同面板内容) 一:用到的js函数: 复制代码 代码如下: <BR>//变换tab函数 <BR>//原则,外层div里含有内层多个div <BR>function tabPanelEx(trThis,urlImgNormal,urlImgPoint,tabs,tabid){ <BR>var tds=trThis.parentNode.children; <BR>for(var i=0;i<tds.length;i++) <BR>{ <BR>if(tds[i].attributes["ex"]) <BR>{ <BR>tds[i].style.backgroundImage="url("+urlImgNormal+")"; <BR>} <BR>} <BR>trThis.style.backgroundImage="url("+urlImgPoint+")"; <BR>//div control <BR>var vtabs=document.getElementById(tabs).children; <BR>for(var j=0;j<vtabs.length;j++) <BR>{ <BR>vtabs[j].style.display="none"; <BR>} <BR>document.getElementById(tabid).style.display="block"; <BR>} <BR> 二:页面调用代码; 代码 复制代码 代码如下: 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结构为: 代码 复制代码 代码如下: 全员教育 医界动态 全员教育 医界动态 完整文件下载