Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

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

    编辑:教程网 来源:网络 时间:2011年10月19日 16:46

    【需求】
    如果大家登录过
    我傲: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>

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


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/28625.html

  • 上一篇:Javascript实现页面跳转的几种方式收藏
  • 下一篇:WAP中的中文显示问题