• 联系我们
  • 地址:湖北武汉三环科技园
  • 电话:159116031100
  • 传真:027-68834628
  • 邮箱:mmheng@foxmail.com
  • 当前所在位置:首页 - 个人及居家清洁
  • 经典实用的触发型导航菜单
  • <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>网页特效代码|JsCode.CN|---经典实用的触发型导航菜单</title>

    </head>

    <body>

    <STYLE type=text/css>.sec1 {
     BORDER-RIGHT: gray 1px solid; BORDER-TOP:

    #ffffff 1px solid; BORDER-LEFT: #ffffff 1px

    solid; CURSOR: hand; COLOR: #000000; BORDER-

    BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:

    #eeeeee
    }
    .sec2 {
     BORDER-RIGHT: gray 1px solid; BORDER-TOP:

    #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

    LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:

    #000000; BACKGROUND-COLOR: #d4d0c8
    }
    .main_tab {
     BORDER-RIGHT: gray 1px solid; BORDER-

    LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-

    BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8
    }
    </STYLE>
    <!--JavaScript部分-->
                <SCRIPT language=javascript>
         function secBoard(n)
      {
        for(i=0;i<secTable.cells.length;i++)
          secTable.cells

    [i].className="sec1";
        secTable.cells[n].className="sec2";
        for(i=0;i<mainTable.tBodies.length;i++)
          mainTable.tBodies

    [i].style.display="none";
        mainTable.tBodies

    [n].style.display="block";
      }
          </SCRIPT>
    <!--HTML部分-->
                <TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
                  <TBODY>
                  <TR align=middle height=20>
                    <TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>
                    <TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>
                    <TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>
                    <TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE>
                <TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记-->
                  <TBODY style="DISPLAY: block">
                  <TR>
                    <TD vAlign=top align=middle><BR><BR>
                      <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
                        <TBODY>
                        <TR>
                          <TD>指定行做为表体。

    <BR>注释:TBODY要素是块要素,并且须要停止标

    签。<BR>   即使假如表格没有显式定义TBODY

    要素,该要素也供给给所有表。<BR><BR>

    参考:《动态HTML参考和开辟应用大年夜全》(人平易近邮电出

    版社 
                            Microsoft Corporation著 
                        北京华中兴业科技成长有限公司

    译)

    <BR><BR></TD></TR></TB

    ODY></TABLE></TD></TR></T

    BODY><!--关于cells集合-->
                  <TBODY style="DISPLAY:

    none">
                  <TR>
                    <TD vAlign=top

    align=middle><BR><BR>
                      <TABLE cellSpacing=0

    cellPadding=0 width=490 border=0>
                        <TBODY>
                        <TR>
                          <TD>检索表行或者全部

    表中所有单位格的集合。<BR>应用于TR、TABLE。

    <BR><BR>参考:《动态HTML参考和开辟应

    用大年夜全》(人平易近邮电出版社 
                            Microsoft Corporation著 
                        北京华中兴业科技成长有限公司

    译)

    <BR><BR></TD></TR></TB

    ODY></TABLE></TD></TR></T

    BODY><!--关于tBodies集合-->
                  <TBODY style="DISPLAY:

    none">
                  <TR>
                    <TD vAlign=top

    align=middle><BR><BR>
                      <TABLE cellSpacing=0

    cellPadding=0 width=490 border=0>
                        <TBODY>
                        <TR>
                          <TD>检索表中所有TBODY

    对象的集合。对象在该集合中照办HTML源顺序分列。

    <BR>应用于TABLE。<BR><BR>参考:

    《动态HTML参考和开辟应用大年夜全》(人平易近邮电出版社 
                            Microsoft Corporation著 
                        北京华中兴业科技成长有限公司

    译)

    <BR><BR></TD></TR></TB

    ODY></TABLE></TD></TR></T

    BODY><!--关于display属性-->
                  <TBODY style="DISPLAY:

    none">
                  <TR>
                    <TD vAlign=top

    align=middle><BR><BR>
                      <TABLE cellSpacing=0

    cellPadding=0 width=490 border=0>
                        <TBODY>
                        <TR>
                          <TD>设置或者检索对象

    是否被供给。<BR>可能的值为block、none、

    inline、list-item、table-header-group、table-

    footer-group。<BR>该特点可读写,块要素默认

    值为block,内联要素默认值为inline;层叠样式表

    (CSS)属性弗成持续。<BR><BR>参考:《

    动态HTML参考和开辟应用大年夜全》(人平易近邮电出版社 
                            Microsoft Corporation著

    北京华中兴业科技成长有限公司译)

    <BR><BR><A 
                ,市场上做北京网站建设的公司鱼龙混杂,参差不齐。飞沐做的东西比较定制化和精品化,这点上有别于其他设计公司;           

    href=""                        target=_blank>点击此处
    </A>可参阅微软<A href="" target=_blank>MSDN在线</A>上的解释。 
                 

    </TD></TR></TBODY></TABLE>

    ;</TD></TR></TBODY></TABLE&g

    t;</body>

    </html>