首页 > 网络编程 > JavaScript > javascript技巧 > 一个表格收缩展开的函数 2006-07-21 00:00:00 作者： 一个表格收缩展开的函数 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> function fnShowHide(){ obj = window.event.srcElement; obj.src=(obj.src.indexOf("close_w")!=-1)?"open_w.gif":"close_w.gif"; while(obj.tagName!="TR"){ obj = obj.parentElement; } while(obj=obj.nextSibling){ obj.style.display=(obj.style.display=="")?"none":""; } } //document.onclick=fnShowHide; </script> </head> <body> <table width="184" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#999999"> <tr> <td colspan="5" bgcolor="#FFFFFF"><div align="center"><img src="close_w.gif" width="20" height="20" border="0" onclick="javascript:fnShowHide()" /></div></td> </tr> <tr> <td width="39" bgcolor="#FFFFFF"> </td> <td width="52" bgcolor="#FFFFFF"> </td> <td width="29" bgcolor="#FFFFFF"> </td> <td width="29" bgcolor="#FFFFFF"> </td> <td width="29" bgcolor="#FFFFFF"> </td> </tr> <tr> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> <tr> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> <tr> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> </table> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]从别的网站看的东西，就是有点错误，此为修正后的东西 您可能感兴趣的文章:jQuery图片的展开和收缩实现代码基于jQuery实现下拉收缩(展开与折叠)特效在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）jQuery 淡入淡出、展开收缩菜单实现代码JavaScript设置FieldSet展开与收缩带缓冲的 收缩与展开内容效果浏览器打开层自动缓慢展开收缩实例代码
