新客网
首页 | 新闻 | 系统·网络·服务器·安全 | 工具·办公 | 编程·数据库 | 图象·网页·运营 | 硬件·存储 | 专题教程 | 旧版
 → 当前位置:首页 > 教程 > 编程开发 > Javascript > 正文

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

XKER.COM   2006-9-1 8:35:07  来源:cnblogs  点击:

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

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

【另】网址怎么加链接啊???


【源码】使用方法:把文件考下来,保存为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>

上一篇教程:JS技巧之showModelessDialog()使用详解
下一篇教程:js事件列表
收藏本文】 【我要投稿】 【打印本文】 【论坛讨论】 【关闭窗口

相关文章
·搜索引擎页面分析中的 javascript 处理·如何用javascript控制上传文件的大小
·利用PHP+JavaScript打造AJAX搜索窗·JavaScript方法和技巧大全
·js事件列表·JS技巧之showModelessDialog()使用详解
·Email地址加密javascript版·javascript 经典函数
·JavaScript常用检测脚本·如何利用IE进行JavaScript脚本调试
·ASP.Net中无法用javascript实现图片随屏幕移动·一个非常实用的Javascript类库
·应用实例:用Javascript实现定时任务·用 JavaScript 来操作字符串
·javascript版的日期输入控件·用Javascript 实现的Dual listbox

学院文章搜索
  
推荐文章
·编程过把瘾:自己动手写操
·数据恢复指南 专题
·硬盘“逻辑锁”解决办法
·DOS使用中的常见问题解答
·DOS下常用的相关网络命令
·Win2000优化技巧篇之:硬件
·惊心8小时:破译Windows运行
·菜鸟必备:超实用低级格式
·硬件有价数据无价 硬盘开盘
·国内数据恢复市场内幕揭秘
阅读排行
·免费代理IP(每日更新)
·DB2 9数据库专题
·关于 Apache 的几种常见应
·QQ千人好友浮出水面 会员抢
·站长手册:WIN2003下Web服
·佳能活动 免费得QQ秀
·网站投资你和我的20个自身
·140天,从做站起步到日赚1
·Fdisk分区详解
·超强公式编辑器MathType使
专题教程
·数据恢复指南 专题
·Web服务器专题
·DB2 9数据库专题
·ghost教程 专题
·局域网技术专题
·虚拟机专题
·CDN加速技术专题
·注册表教程专题
·电脑技巧 专题
·Linux与虚拟化技术
最新文章
·Firefox出现新高危0Day漏洞
·QQ千人好友浮出水面 会员抢
·DOS下对系统重新进行分区
·Fdisk分区详解
·DOS常用命令
·dos如何进行系统配置
·dos慎用命令
·Ver、Vol、Ctty命令使用说
·Tree、Unformat、Vsafe命令
·Setver、Share、Subst命令
设为首页 - 加入收藏 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
Copyright © 2003 - 2006 XKER Inc. All Rights Reserved
新客网 版权所有