2006-09-01

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

来源: 中国本站网 作者:佚名 评论 0 条
  假如大家登录过
新浪博客等
就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制.


【源码】使用方法:把文件考下来,保存为htm类型的文件即可!
<!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 AXzhz(hideme)
{
var AX=document.all(hideme); //声明一个变量
AX.style.display=AX.style.display=="none"?"":"none"; //判定是否隐藏
}
//-->
</script>
</head>

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

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


(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:alt属性和title属性  
下一篇:Html网页页面head区规范知识
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号