使用脚本控制网页Table的显示隐藏(全代码)

2006-09-01 10:35:42  作者


假如大家登录过
我傲:http://www.woall.com
新浪博客等
就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制.

强烈建议大家登录:http://www.woall.com亲身体验一下!

网址怎么加链接啊???


使用方法:把文件考下来,保存为htm类型的文件即可!
%26lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"%26gt;
%26lt;html xmlns="http://www.w3.org/1999/xhtml"%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /%26gt;
%26lt;title%26gt;无标题文档%26lt;/title%26gt;
%26lt;script language="javascript"%26gt;
%26lt;!--
function AXzhz(hideme)
{
var AX=document.all(hideme); //声明一个变量
AX.style.display=AX.style.display=="none"?"":"none"; //判定是否隐藏
}
//--%26gt;
%26lt;/script%26gt;
%26lt;/head%26gt;

%26lt;body%26gt;
%26lt;table width="200" border="1"%26gt;
%26lt;!--title是鼠标在上面的时候出现的提示--%26gt;
%26lt;tr title="快啊快啊!!" onclick="AXzhz('AX')"%26gt;
%26lt;td bgcolor="#FF9933"%26gt;你点我啊!!%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr id="AX" style="display:none"%26gt;
%26lt;td bgcolor="#0099FF"%26gt;AXzhz制作%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;

http://www.cnblogs.com/AXzhz/archive/2006/08/31/491675.html