JS技术

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

字号+ 作者: 来源:    2014-11-17 20:00 我要评论( )

使用脚本控制网页Table的显示隐藏(全代码),阅读使用脚本控制网页Table的显示隐藏(全代码),【需求】如果大家登录过我傲:http://www.woall.com新浪博客等就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要

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

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

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


【源码】使用方法:把文件考下来,保存为htm类型的文件即可!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 使用脚本控制网页Table的显示隐藏(全代码)_javascript教程教程

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

    2015-10-07 17:15

网友点评