• 下拉导航菜单按钮


    <html>

    <head>

    <title></title>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <script language="JavaScript">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0

      eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

      if (restore) selObj.selectedIndex=1;

    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_showHideLayers() { //v6.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
    }
    //-->
    </script>


    </head>

    <body bgcolor="#003366" text="#FFFFFF" leftmargin="0" topmargin="5" marginwidth="0" marginheight="0">

    <div align="center">

    <script language="JavaScript">

    <!--

    <!--

    function MM_reloadPage(init) {  //reloads the window if Nav4 resized

      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

    }

    MM_reloadPage(true);

    // -->

    //-->

    </script>
    <table width="690" border="0" cellspacing="0" cellpadding="0">
      <tr align="center">
        <td onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','hide','Layer7','','hide')"><a href="index.php" class="tt">首页</a></td>
        <td height="23" class="tt" width="5">|</td>
        <td align="center" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','hide','Layer7','','hide')"><a href="aboutus/aboutus.php" class="tt">关于民兴</a></td>
        <td height="23" class="tt" width="5" align="center">|</td>
        <td align="center" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','hide','Layer7','','hide')"><a href="products/index.php" class="tt">产品展示</a></td>
        <td height="23" class="tt" width="5" align="center">|</td>
        </tr>
      <tr valign="top">
        <td height="15">&nbsp;</td>
        <td>&nbsp;</td>
        <td><div id="Layer1" style="position:absolute; 690;  z-index:1; visibility: hidden; left: 145px; top: 28px;">
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tm" >
            <tr bgcolor="#efefef">
             
              <td valign="top"><table width="690" border="0">
                <tr>
                  <td><span class="bfline"><a href="aboutus/aboutus.php">|企业概况 | </a></span><span class="bfline"><a href="aboutus/coa.php">董事长致辞 |</a></span><span class="bfline"><a href="aboutus/org.php"> 组织结构 | </a></span><span class="bfline"><a href="aboutus/qe.php">质量认证 | </a></span><span class="bfline"><a href="aboutus/cul.php">企业文化 | </a></span><span class="bfline"><a href="aboutus/hon.php">企业荣誉 |</a></span><span class="bfline"><a href="aboutus/fac.php"> 自动化生产线 |</a></span></td>
                  </tr>
              </table>            </td>
            </tr>
            <tr>        </tr>
          </table>
        </div></td>
        <td>&nbsp;</td>
        <td><div id="Layer2" style="position:absolute; 120; height:200; z-index:1; visibility: hidden; left: 637px; top: 26px;">
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tm" >
            <tr bgcolor="#FFCC33">
              <td bgcolor="#FFCC33" valign="top" align="left" width="6"><img src="img/bf_tl.gif" width="6" height="3"></td>
              <td height="3"></td>
              <td valign="top" align="right" width="6"><img src="img/bf_tr.gif" width="6" height="3"></td>
            </tr>
            <tr bgcolor="#efefef">
              <td width="6" class="bflbg">&nbsp;</td>
              <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="3">
                <tr>
                  <td width="6" class="bfline"><img src="img/bf_dot.gif" width="6" height="5"></td>
                  <td class="bfline"><a href="products/index.php">产品列表</a></td>
                </tr>
                <tr>
                  <td width="6" class="bfline"><img src="img/bf_dot.gif" width="6" height="5"></td>
                  <td class="bfline"><a href="products/price.php">产品价格</a></td>
                </tr>
                <tr>
                  <td width="6" class="bfline">&nbsp;</td>
                  <td class="bfline">&nbsp;</td>
                </tr>
              </table></td>
              <td valign="top" align="right" width="6" class="bfrbg"></td>
            </tr>
            <tr>
              <td valign="bottom" width="6"><img src="img/bf_bl.gif" width="6" height="6"></td>
              <td class="bfbbg" height="6"></td>
              <td valign="bottom" align="right" width="6"><img src="img/bf_br.gif" width="6" height="6"></td>
            </tr>
          </table>
        </div></td>
        <td>&nbsp;</td>
        </tr>
    </table>
    </div>
    </body>

    </html>

  • 相关阅读:
    HTML中一定会常用的标签和标签属性(这是网页构成的重要元素
    HTML(超文本语言)
    SQL SERVER中视图、事务
    important覆盖行内样式
    线性渐变
    「JavaScript面向对象编程指南」闭包
    移动端文章图片大小限制
    Vue中ajax返回的结果赋值
    「JavaScript面向对象编程指南」基础
    JS媒体查询
  • 原文地址:https://www.cnblogs.com/ddr888/p/525055.html
Copyright © 2020-2023  润新知