<div class="codetitle"> <span><a style="CURSOR: pointer" data="70182" class="copybut" id="copybut70182" onclick="doCopy('code70182')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code70182"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br><title>演技展开闭合效果</title> <br><style type="text/css"> <br>table{ <br>border:#0000FF 1px ソリッド; <br>} <br>table td{ <br>border:#0033FF 1px ソリッド; <br>背景色:#6699FF; <br>} <br>table td div{ <br>background-color:#FFFF99; <br>表示:なし; <br>} <br>table td a:link,table td a:visited{ <br>text-decoration:none; <br>カラー:#993300; <br>} <br>.open{ <br>display:block; <br>} <br>.close{ <br>display:none; <br>} <br></style> <br><script type="text/javascript"> <br>function list(){ <br>var aNode =event.srcElement; <br>//alert(aNode.nextSibling.nodeName);//下一兄弟节点容易に空文本节点<br>var tdNode = aNode.parentNode; <br>var divNode = tdNode.getElementsByTagName("div")[0]; <br>var tabNode = document.getElementsByTagName("table")[0]; <br>var divNodes = tabNode.getElementsByTagName("div"); <br>for(var x = 0;x if(divNodes[x]==divNode){ <br>if(divNode.className=="open"){ <br>divNode.className="閉じる"; <br>}else{ <br>divNode.className="open"; <br>} <br>}else{ <br>divNodes[x].className="close"; <br>} <br>} <br><br>//alert(divNode.nodeName); <br><br>} <br></script> <br></head> <br><br> <br> <br><tr> <br><td> <br><a href="javascript:void(0)" onclick="list()">好友菜单列表</a> <br><div> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br> </div> <br></td> <br></tr> <br> </td> </tr> <tr> <br><td> <br><a href="javascript:void(0)" onclick="list()">好友菜单列表</a> <br><div> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br> </div> <br></td> <br></tr> <br> </td> </tr> <tr> <br><td> <br><a href="javascript:void(0)" onclick="list()">好友菜单列表</a> <br><div> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br> </div> <br></td> <br></tr> <br> </td> </tr> <tr> <br><td> <br><a href="javascript:void(0)" onclick="list()">好友菜单列表</a> <br><div> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br>新白発行魔女传<br /> <br> </div> <br></td> <br></tr> <br></table> <br></body> <br></html> <br> <br><img src="http://files.jb51.net/file_images/article/201307/2013724180600598.jpg?201362418618" alt="js展開・終了エフェクトデモコード_javascriptスキル" > </td> </tr> </div>
