js展开闭合效果演示代码

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题演示展开闭合效果/title style type=' text/CSS '表格{边框： # 0000 ff 1px实心；}表td{ border:#0033FF 1px固体；背景色-: # 6699 ff；}表格TD div {底色： # FFFF99display:none}表td a:link，表TD a :访问量{ text-decoration : nonecolor: # 993300}。打开{ display:block}。关闭{ display:none} /style脚本类型='text/javascript '函数列表(){ var阳极=event.srcElement//alert(阳极。下一个兄弟。节点名);//拿下一个兄弟节点容易拿到空文本节点var tdNode=阳极。父节点；var div node=tdnode。getelementsbytagname(' div ')[0]；var tabNode=文档。getelementsbytagname(' table ')[0]；var div节点=选项卡节点。getelementsbytagname(' div ')；for(var x=0；x div nodes . length x){ if(div nodes[x]==div node){ if(div node。类名=' open '){ div节点。类名=' close} else { DivNode。类名=' open} }else{ divNodes[x].className=' close} }//alert(div节点。nodename)；}/script/head body table tr TD a href=' JavaScript : void(0)' onclick=' list()'好友菜单列表/a分区新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br//div/TD/tr tr TD a href=' JavaScript : void(0)' ' onclick=' list()'好友菜单列表/a分区新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br//div/TD/tr tr TD a href=' JavaScript : void(0)' ' onclick=' list()'好友菜单列表/a分区新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br//div/TD/tr tr TD a href=' JavaScript : void(0)' ' onclick=' list()'好友菜单列表/a分区新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br /新白发魔女传br//div/TD/tr/table/body/html(9500 . 163.com)