【需求】 强烈建议大家登录:http://www.woall.com亲身体验一下! 【另】网址怎么加链接啊??? <body>
如果大家登录过
我傲:http://www.woall.com
新浪博客等
就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的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>
<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>
使用脚本控制网页table的显示隐藏(全代码)_javascript教程
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 使用脚本控制网页table的显示隐藏(全代码)_javascript教程
相关推荐
-      mootools实例:更改div的透明度动画效果
-      jquery获取当前类在第几个li上面
-      mootools应用:获取复选框中选中的值
-      使用javascript设置下拉框的默认值
-      一款漂亮的黑色风格JS焦点图,使用简单
-      javascript自动获取标题中的关键词
-      用jquery的siblings来实现tab选项卡功能
-      jquery框架操作checkbox控件