主页面:<html>
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="keywords" content="包装机械,打包机,打码机,折纸机,封口机,旋盖机,包装机,收缩机,贴标机,喷码机,pp带,pet带,垃圾桶,塑料箱">
<meta name="description" content="南京北春包装机械有限公司是中国包装机械行业协会会员单位。公司一直致力于包装设备的设计、制造与销售,是国内专业从事包装机械及周边产品的研发、生产、销售、服务于一体的高科技企业之一。">
<META name="verify-v1" content="gMPv7cOMv761JeLjQNVlVrdZfj3IOtUL57lCf1SOIME=" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>南京北春包装机械有限公司-打包机|打码机|折纸机|封口机|旋盖机|包装机|收缩机|贴标机|喷码机|pp带|pet带-南京北春</title>
<link href="images/css.css" tppabs="http://www.91beichun.com/images/css.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</head><script language="Javascript">
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0function dyniframesize(win) {
  var pTar = null;
  if (document.getElementById){
    pTar = document.getElementById(win);
  }
  else{
    eval('pTar = ' + win + ';');
  }
  if (pTar && !window.opera){
    //begin resizing iframe
    pTar.style.display="block"
    
    if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
      //ns6 syntax
      pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
    }
    else if (pTar.Document && pTar.Document.body.scrollHeight){
      //ie5+ syntax
      pTar.height = pTar.Document.body.scrollHeight;
    }
  }
}
</script>
<body bgcolor="#cccccc" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="3" colspan="2" background="images/top1.gif" tppabs="http://www.91beichun.com/images/top1.gif"></td>
  </tr>
  <tr>
    <td width="549" height="100" bgcolor="#FFFFFF"><map name="FPMap0">
<area href="index.htm" shape="rect" coords="12, 9, 415, 77">
</map>
<img src="images/top10.gif" tppabs="http://www.91beichun.com/images/top10.gif" width="424" height="89" usemap="#FPMap0" border="0"></td>
    <td width="231" bgcolor="#FFFFFF"><img src="images/top11.gif" tppabs="http://www.91beichun.com/images/top11.gif" width="231" height="89" border="0" usemap="#Map"></td>
  </tr>
  <tr >
    <td colspan="2"></td>
  </tr>
  <tr background="images/top8.gif" tppabs="http://www.91beichun.com/images/top8.gif">
    <td height="4" colspan="2"></td>
  </tr>
</table>

解决方案 »

  1.   

    接上面<map name="Map">
      <area shape="rect" coords="7, 74, 39, 87" href="index.htm" tppabs="http://www.91beichun.com/index.html">
      <area shape="rect" coords="50, 74, 97, 89" href="about.htm" tppabs="http://www.91beichun.com/about.html">
      <area shape="rect" coords="109, 75, 158, 94" href="ry.htm" tppabs="http://www.91beichun.com/ry.html">
      <area shape="rect" coords="168, 74, 218, 88" href="canpin.htm" tppabs="http://www.91beichun.com/canpin.html">
      <area shape="rect" coords="111, 53, 158, 67" href="baozhuang" tppabs="http://www.91beichun.com/baozhuang">
      <area shape="rect" coords="170, 53, 219, 67" href="tel.htm" tppabs="http://www.91beichun.com/tel.html">
    <area href="index.htm" shape="rect" coords="107, 8, 218, 41">
    </map>
    <table width="780" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td width="206" valign="top"><table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" >
          <tr>
            <td colspan="3"> </td>
          </tr>
          <tr>
            <td width="18"> </td>
            <td width="174"> </td>
            <td width="14"> </td>
          </tr>
          <tr>
            <td colspan="3"> <img src="images/index1_17.gif" tppabs="http://www.91beichun.com/images/index1_17.gif" width="206" height="31" alt=""></td>
          </tr>
          <tr>
            <td colspan="3"> </td>
          </tr>
          <tr>
          <td colspan="3" height="19">
          
      
    <iframe id="win" onload="javascript:{dyniframesize('win');}" marginwidth=0 marginheight=0 frameborder=0 scrolling=no src="hao2.htm" width=100% height=100%></iframe>
      </td>
      </tr>
          <tr>
            <td colspan="3"> </td>
          </tr>
          <tr>
            <td colspan="3" height="78"> <img src="images/index1_40.gif" tppabs="http://www.91beichun.com/images/index1_40.gif" width="206" height="78"></td>
          </tr>
          <tr>
            <td colspan="3"> </td>
          </tr>
          <tr>
            <td colspan="3"> </td>
          </tr>
          <tr>
            <td colspan="3"> </td>
          </tr>
        </table></td>
        <td width="1" background="images/z2.gif" tppabs="http://www.91beichun.com/images/z2.gif"></td>
        <td valign="top"><table width="100%" cellpadding="0" cellspacing="0" >
          <tr>
            <td> </td>
          </tr>
          <tr>
            <td><table width="100%" cellpadding="0" cellspacing="0" >
              <tr>
                <td><img src="images/index1_32.gif" tppabs="http://www.91beichun.com/images/index1_32.gif" width="252" height="27" alt=""></td>
              </tr>
              <tr>
                <td height="129" valign="middle"><TABLE width="100%" border=0 cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      
                    </TR>
                  </TBODY>
                </TABLE></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table>
    <table width="780" align="center" cellpadding="0" cellspacing="0" bgcolor="#28812F" >
      <tr>
        <td><div align="center">
    <iframe align=default frameborder=0 height=110 name=MyFrame scrolling=no src="end.htm" tppabs="http://www.91beichun.com/end.htm" 
          width=780 target="_parent"></iframe></div> </td>
      </tr>
    </table>
    </body>
    </html>
    主页面完!!
      

  2.   

    嵌套页面!<!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>CSS+JS树型菜单</title>
    <meta name="description" content="http://www.livepo.com">
    <style type="text/css">
    <!--
    *{margin:0;padding:0;border:0;}
    body {
     font-family: arial;
     font-size:9pt;
    }
    #nav {
     width:180px;
        line-height: 25px; 
     list-style-type: none;
     text-align:left;
        /*定义整个ul菜单的行高和背景色*/
    }
    /*==================一级目录===================*/
    #nav a {
     width: 160px; 
     display: block;
     padding-left:20px;
     /*Width(一定要),否则下面的Li会变形*/
    }
    #nav li {
     background:#ccc; /*一级目录背景色*/
     border-bottom:#FFF 1px solid; /*下面的一条白边*/
     float:left;
     /*float:left,本不应该设置,但由于在Firefox不能正常显示
     继承Nav的width,限制宽度,li自动向下延伸*/
    }
    #nav li a:hover{
     background:#0066cc; /*一级目录onMouseOver显示的背景色*/
    }
    #nav a:link  {
     color:#666; text-decoration:none;
    }
    #nav a:visited  {
     color:#666;text-decoration:none;
    }
    #nav a:hover  {
     color:#FFF;text-decoration:none;font-weight:bold;
    }
    /*==========二级目录==========*/
    #nav li ul {
     list-style:none;
     text-align:left;
    }
    #nav li ul li{ 
     background: #eee; /*二级目录背景色*/
    }
    #nav li ul a{
             padding-left:20px;
             width:160px;
     /* padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
    }
    /*下面是二级目录的链接样式*/
    #nav li ul a:link  {
     color:#666; text-decoration:none;
    }
    #nav li ul a:visited  {
     color:#666;text-decoration:none;
    }
    #nav li ul a:hover {
     color:#F3F3F3;
     text-decoration:none;
     font-weight:normal;
     background:#CC0000;
     /* 二级onmouseover的字体颜色、背景色*/
    }
    /*==============================*/
    #nav li:hover ul {
     left: auto;
    }
    #nav li.sfhover ul {
     left: auto;
    }
    #content {
     clear: left; 
    }
    #nav ul.collapsed {
     display: none;
    }
    -->
    #PARENT{
     width:300px;
     padding-left:20px;
    }
    </style>
    </head>
    <body>
    <div id="PARENT" style="width: 220px; height=100%">
    <ul id="nav">
    <li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">打码机</a>
     <ul id="ChildMenu1" class="collapsed"></li>
     <li><a target="_parent" href="1.htm">支付</a></li>
     <li><a target="_parent" href="2.htm">P280二行高速喷码机</a></li>
     <li><a target="_parent" href="3.htm">P380三行高速喷码机</a></li>
     <li><a target="_parent" href="4.htm">P370高性价比喷码机</a></li>
     </ul>
    </li>
    <li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">喷码机</a>
     <ul id="ChildMenu2" class="collapsed"></li>
     <li><a target="_parent" href="5.htm">支付</a></li>
     <li><a target="_parent" href="6.htm">P280二行高速喷码机</a></li>
     <li><a target="_parent" href="7.htm">P380三行高速喷码机</a></li>
     <li><a target="_parent" href="8.htm">P370高性价比喷码机</a></li>
     </ul>
    </li>
    <li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">贴标机</a>
     <ul id="ChildMenu3" class="collapsed"></li>
     <li><a target="_parent" href="10.htm">在线管理</a></li>
     <li><a target="_parent" href="9.htm">CL系列 立式圆瓶贴标机</a></li> 
     <li><a target="_parent" href="10.htm">CW系列 卧式圆瓶贴标机</a></li> 
     <li><a target="_parent" href="11.htm">CT系列 单/双侧面贴标机</a></li>
     <li><a target="_parent" href="12.htm">CS系列 平面贴标机</a></li> 
     </ul>
    </li>
    <li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">打包机</a>
     <ul id="ChildMenu4" class="collapsed">
     <li><a target="_parent" href="13.htm">退出登录</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="14.htm">高台打包机 </a></li> 
     <li><a target="_parent" href="15.htm">低台打包机 </a></li> 
     <li><a target="_parent" href="16.htm">自动打包机</a></li>
     <li><a target="_parent" href="17.htm">桌面捆扎机</a></li>
     </ul>
    </li>
    </ul>
    </div>
    <div style="width:300;padding-left:30px;">
    </div>
    </body>
    </html>
    <script type=text/javascript><!--
    var LastLeftID = "";
    function menuFix() {
     var obj = document.getElementById("nav").getElementsByTagName("li");
     
     for (var i=0; i<obj.length; i++) {
      obj[i].onmouseover=function() {
       this.className+=(this.className.length>0? " ": "") + "sfhover";
      }
      obj[i].onMouseDown=function() {
       this.className+=(this.className.length>0? " ": "") + "sfhover";
      }
      obj[i].onMouseUp=function() {
       this.className+=(this.className.length>0? " ": "") + "sfhover";
      }
      obj[i].onmouseout=function() {
       this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
      }
     }
    }
    function DoMenu(emid)
    {
     var obj = document.getElementById(emid); 
     obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
     if((LastLeftID!="") && (emid!=LastLeftID)) //关闭上一个Menu
     {
      document.getElementById(LastLeftID).className = "collapsed";
     }
     LastLeftID = emid;
    }
    function GetMenuID()
    {
     var MenuID="";
     var _paramStr = new String(window.location.href);
     var _sharpPos = _paramStr.indexOf("#");
     
     if (_sharpPos >= 0  &&  _sharpPos < _paramStr.length - 1)
     {
      _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
     }
     else
     {
      _paramStr = "";
     }
     
     if (_paramStr.length > 0)
     {
      var _paramArr = _paramStr.split("&");
      if (_paramArr.length>0)
      {
       var _paramKeyVal = _paramArr[0].split("=");
       if (_paramKeyVal.length>0)
       {
        MenuID = _paramKeyVal[1];
       }
      }
      /*
      if (_paramArr.length>0)
      {
       var _arr = new Array(_paramArr.length);
      }
      
      //取所有#后面的,菜单只需用到Menu
      //for (var i = 0; i < _paramArr.length; i++)
      {
       var _paramKeyVal = _paramArr[i].split('=');
       
       if (_paramKeyVal.length>0)
       {
        _arr[_paramKeyVal[0]] = _paramKeyVal[1];
       }  
      }
      */
     }
     
     if(MenuID!="")
     {
      DoMenu(MenuID)
     }
    }
    GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
    menuFix();
    --></script>嵌套页面结束!!