弹出菜单被挡住的问题

本帖最后由 sctongyi 于 2011-04-11 17:02:01 编辑

解决方案 »

  1.   

    <div id="apDiv1"></div>
    <table style="border:1px solid #0066FF" width="180" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="300" valign="top"><DIV id=pp_toolbar2 class=pp_toolbar2>
          <DIV class=jiaju_nav>
            <DIV id=menuContainer2 class=category_nav>
              <DIV id=menuContent2 class=bd lg="1001">
                <DL>
                  <DT class=home>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=53">生活街</a></STRONG>
                      <UL>
                        <li class="diyi"><a href="/company/class.asp?id=65">综合店</a></li>
                        <li><a href="/company/class.asp?id=63">便民商店</a></li>
                        <li><a href="/company/class.asp?id=61">银行</a></li>
                        <li><a href="/company/class.asp?id=59">邮局</a></li>
                      </UL>
                    </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=1">美食街</a></STRONG>
                      <ul>
                        <li class="diyi"><a href="/company/class.asp?id=86">甜品冷饮</a></li>
                        <li><a href="/company/class.asp?id=2">中餐</a></li>
                        <li><a href="/company/class.asp?id=3">小吃/面/快餐</a></li>
                        <li><a href="/company/class.asp?id=4">西餐</a></li>
                    </ul></DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=16">娱乐街</a></STRONG>
                      <ul>
                        <li class="diyi"><a href="/company/class.asp?id=18">旅游</a></li>
                        <li><a href="/company/class.asp?id=19">酒吧</a></li>
                        <li><a href="/company/class.asp?id=17">咖啡厅茶馆</a></li>
                        <li><a href="/company/class.asp?id=20">KTV/迪吧</a></li>
                    </ul></DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=40">服装街</a></STRONG>
                      <ul>
                        <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=52">品牌服装</a></li>
                        <li><a href="/company/class.asp?id=51">内衣</a></li>
                        <li><a href="/company/class.asp?id=50">童装</a></li>
                        <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=45">鞋帽/箱包/皮具</a></li>
                    </ul></DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=88">女人街</a></STRONG>
                      <ul>
                        <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=92">鞋帽/箱包/皮具</a></li>
                        <li><a href="/company/class.asp?id=91">潮人饰品</a></li>
                        <li><a href="/company/class.asp?id=90">化妆品</a></li>
                        <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=89">美容美发</a></li>
                    </ul></DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=94">亲子街</a></STRONG>
                      <ul>
                        <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=96">宝宝用品</a></li>
                        <li><a href="/company/class.asp?id=97">食品保健</a></li>
                        <li><a href="/company/class.asp?id=95">妈妈用品</a></li>
                        <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=98">其他</a></li>
                    </ul></DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=99">汽车街</a></STRONG>
                      <ul>
                        <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=103">汽车配件</a></li>
                        <li><a href="/company/class.asp?id=102">修理厂</a></li>
                        <li><a href="/company/class.asp?id=101">汽车美容</a></li>
                        <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=100">4s店</a></li>
                    </ul></DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=105">教育街</a></STRONG>
                      <ul>
                        <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=108">音乐舞蹈</a></li>
                        <li><a href="/company/class.asp?id=107">幼儿园</a></li>
                        <li><a href="/company/class.asp?id=106">培训机构</a></li>
                        <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=109">其他</a></li>
                    </ul></DD>
                    <!--[if !IE]>|xGv00|f5b4726f9d70f0690d65b4997831ee5b<![endif]-->
                    </DT></DL>
              </DIV>
            </DIV>
          </DIV>
        </DIV></td>
        <td width="50">&nbsp;</td>
        <td valign="top"><DIV id=pp_toolbar class=pp_toolbar>
          <DIV class=jiaju_nav>
            <DIV id=menuContainer class=category_nav>
              <DIV id=menuContent class=bd lg="1001">
                <DL>
                  <DT class=home>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=53">生活街</a></STRONG>
                        <UL>
                          <li class="diyi"><a href="/company/class.asp?id=65">综合店</a></li>
                          <li><a href="/company/class.asp?id=63">便民商店</a></li>
                          <li><a href="/company/class.asp?id=61">银行</a></li>
                          <li><a href="/company/class.asp?id=59">邮局</a></li>
                        </UL>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=1">美食街</a></STRONG>
                        <ul>
                          <li class="diyi"><a href="/company/class.asp?id=86">甜品冷饮</a></li>
                          <li><a href="/company/class.asp?id=2">中餐</a></li>
                          <li><a href="/company/class.asp?id=3">小吃/面/快餐</a></li>
                          <li><a href="/company/class.asp?id=4">西餐</a></li>
                        </ul>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=16">娱乐街</a></STRONG>
                        <ul>
                          <li class="diyi"><a href="/company/class.asp?id=18">旅游</a></li>
                          <li><a href="/company/class.asp?id=19">酒吧</a></li>
                          <li><a href="/company/class.asp?id=17">咖啡厅茶馆</a></li>
                          <li><a href="/company/class.asp?id=20">KTV/迪吧</a></li>
                        </ul>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=40">服装街</a></STRONG>
                        <ul>
                          <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=52">品牌服装</a></li>
                          <li><a href="/company/class.asp?id=51">内衣</a></li>
                          <li><a href="/company/class.asp?id=50">童装</a></li>
                          <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=45">鞋帽/箱包/皮具</a></li>
                        </ul>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=88">女人街</a></STRONG>
                        <ul>
                          <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=92">鞋帽/箱包/皮具</a></li>
                          <li><a href="/company/class.asp?id=91">潮人饰品</a></li>
                          <li><a href="/company/class.asp?id=90">化妆品</a></li>
                          <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=89">美容美发</a></li>
                        </ul>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=94">亲子街</a></STRONG>
                        <ul>
                          <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=96">宝宝用品</a></li>
                          <li><a href="/company/class.asp?id=97">食品保健</a></li>
                          <li><a href="/company/class.asp?id=95">妈妈用品</a></li>
                          <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=98">其他</a></li>
                        </ul>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=99">汽车街</a></STRONG>
                        <ul>
                          <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=103">汽车配件</a></li>
                          <li><a href="/company/class.asp?id=102">修理厂</a></li>
                          <li><a href="/company/class.asp?id=101">汽车美容</a></li>
                          <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=100">4s店</a></li>
                        </ul>
                  </DD>
                  <DD><STRONG><a class="hide" href="/company/class.asp?id=105">教育街</a></STRONG>
                        <ul>
                          <li class="diyi"><a style="border-left:1px solid #FFFFFF; border-top:1px solid #FF0000" href="/company/class.asp?id=108">音乐舞蹈</a></li>
                          <li><a href="/company/class.asp?id=107">幼儿园</a></li>
                          <li><a href="/company/class.asp?id=106">培训机构</a></li>
                          <li><a style="border-bottom:1px solid #FF0000; href="/company/class.asp?id=109">其他</a></li>
                        </ul>
                  </DD>
                  <!--[if !IE]>|xGv00|f5b4726f9d70f0690d65b4997831ee5b<![endif]-->
                  </DT>
                </DL>
              </DIV>
            </DIV>
          </DIV>
        </DIV></td>
      </tr>
    </table>
      

  2.   

    <SCRIPT type=text/javascript charset=gb2312>
    $namespace("PP.jiaju.head");PP.jiaju.head.initHead=function(){this.initLeftMenu();this.initMainNav();this.initSearch();};PP.jiaju.head.initLeftMenu=function(){var menuContainer=document.getElementById("menuContainer");$mouseover(menuContainer,function(oThis){$addClass(oThis,"status_hover");});$mouseout(menuContainer,function(oThis){$delClass(oThis,"status_hover");});var menuContent=document.getElementById("menuContent");var subMenuList=$child($child(menuContent,"dl")[0],"dd");for(var i=0,len=subMenuList.length;i<len;i++){$mouseover(subMenuList[i],function(oThis){$addClass(oThis,"status_hover");});$mouseout(subMenuList[i],function(oThis){$delClass(oThis,"status_hover");});}
    var menuItemList=$child(document.getElementById("menuList"),"li");for(var i=0;i<menuItemList.length;i++){var curItem=menuItemList[i];var kw=curItem.getAttribute("keyword");if(kw=="促销"||kw=="资讯"){$mouseover(curItem,function(oThis){$addClass(oThis,"hover");});$mouseout(curItem,function(oThis){$delClass(oThis,"hover");});}}}
    PP.jiaju.head.initMainNav=function(){var lifeMune=$id("lifeMenu");if(lifeMune){$addClass("lifeMenu","now");}};PP.jiaju.head.initSearch=function(){var searchSwitch=$id('searchSwitch');var ssc=$id('searchSwitchContent');$mouseover(searchSwitch,function(oThis){$addClass(oThis,"pp_cat_sthover");ssc.style.display="block";});$mouseout(searchSwitch,function(oThis){$delClass(oThis,"pp_cat_sthover");ssc.style.display="none";});window.JiajuSearchType="jiaju";ssc.onclick=function(evt){evt=window.event||evt;var target=evt.target||evt.srcElement;window.JiajuSearchType=target.getAttribute('st')
    $id('currentSearch').innerHTML=target.innerHTML+'&nbsp;';$id('headKeyWord').focus();this.style.display='none';};var searchForm=$id("searchForm");var kw=$getQuery("keyword");var hidekeyword=$getQuery('hidekeyword')=="true"?true:false;if(!hidekeyword&&kw){$id("headKeyWord").value=decodeURIComponent(kw);}
    searchForm.onsubmit=function(){var hkw=$id('headKeyWord');if(hkw.value.replace(/ /g,'')==''){hkw.focus();return false;}
    var kw=hkw.value.replace(/[&%'"?#]/g,'');if(window.JiajuSearchType=='jiaju'){location.href="http://life.paipai.com/search_list.shtml?type=232201&keyword="+encodeURIComponent(kw);}else{window.open("http://search1.paipai.com/cgi-bin/comm_search1?searchType=0&KeyWord="+kw);}
    return false;};}
    function setJiajuMenu(keyword){var menuItemList=$child(document.getElementById("menuList"),"li");for(var i=0;i<menuItemList.length;i++){var curItem=menuItemList[i];var kw=curItem.getAttribute("keyword");if(kw==keyword){$addClass(curItem,"current");if(kw=="促销"||kw=="资讯")
    {$mouseover(curItem,function(oThis){$delClass(oThis,"current");$addClass(oThis,"hover");});$mouseout(curItem,function(oThis){$delClass(oThis,"hover");$addClass(oThis,"current");});}}}};
    function $id(id){return typeof(id)=="string"?document.getElementById(id):id;};function $namespace(str){var arr=str.split(',');for(var i=0,len=arr.length;i<len;i++){var arrJ=arr[i].split("."),parent={};for(var j=0,jLen=arrJ.length;j<jLen;j++){var name=arrJ[j],child=parent[name];j===0?eval('(typeof '+name+')==="undefined"?('+name+'={}):"";parent='+name):(parent=parent[name]=(typeof child)==='undefined'?{}:child);};}};function $getQuery(name,url){var u=arguments[1]||window.location.search,reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)"),r=u.substr(u.indexOf("\?")+1).match(reg);return r!=null?r[2]:"";};function $addClass(ids,cName){$setClass(ids,cName,"add");};function $delClass(ids,cName){$setClass(ids,cName,"remove");};function $setClass(ids,cName,kind){if(typeof(ids)=="string"){var arrDom=ids.split(",");for(var i=0,len=arrDom.length;i<len;i++){setClass($id(arrDom[i]),cName,kind);}}else{setClass(ids,cName,kind);};function setClass(obj,cName,kind){var oldName=obj.className,arrName=oldName?oldName.split(' '):[];if(kind=="add"){if(!$hasClass(oldName,cName)){arrName.push(cName);obj.className=arrName.join(' ');}}else if(kind=="remove"){var newName=[];for(var i=0,len=arrName.length;i<len;i++){if(cName!=arrName[i]&&' '!=arrName[i]){newName.push(arrName[i]);}};obj.className=newName.join(' ');}}};function $hasClass(old,cur){if(!old||!cur)return null;var arr=old.split(' ');for(var i=0,len=arr.length;i<len;i++){if(cur==arr[i]){return cur;}};return null;}
    function $mouseover(obj,func){obj.onmouseover=function(e){var e=window.event||e,target=e.fromElement||e.relatedTarget,parent=target;while(parent&&parent!==this){parent=parent.parentNode;}
    if(parent!==this){func(this);}}}
    function $mouseout(obj,func){obj.onmouseout=function(e){var e=window.event||e,target=e.toElement||e.relatedTarget,parent=target;while(parent&&parent!==this){parent=parent.parentNode;}
    if(parent!==this){func(this);}}}
    function $child(node,val,fn){var results=[],node=node||document.body;walk(node.firstChild,function(n){var actual=n.nodeType===1&&n.nodeName.toLowerCase();if(typeof actual==='string'&&(actual===val||typeof val!=='string')){results.push(n);fn&&fn(n);}});return results;function walk(n,func){func(n);while(n=n.nextSibling){func(n,func);}}}
    </SCRIPT>
    <!--[if !IE]>|xGv00|7877fbb42f233691fceb65b87a6336d7<![endif]-->
    <SCRIPT type=text/javascript>PP.jiaju.head.initHead();</SCRIPT>
      

  3.   

    <SCRIPT type=text/javascript charset=gb2312>
    $namespace("PP2.jiaju2.head2");PP2.jiaju2.head2.initHead2=function(){this.initLeftMenu();this.initMainNav();this.initSearch();};PP2.jiaju2.head2.initLeftMenu=function(){var menuContainer2=document.getElementById("menuContainer2");$mouseover(menuContainer2,function(oThis){$addClass(oThis,"status_hover");});$mouseout(menuContainer2,function(oThis){$delClass(oThis,"status_hover");});var menuContent2=document.getElementById("menuContent2");var subMenuList=$child($child(menuContent2,"dl")[0],"dd");for(var i=0,len=subMenuList.length;i<len;i++){$mouseover(subMenuList[i],function(oThis){$addClass(oThis,"status_hover");});$mouseout(subMenuList[i],function(oThis){$delClass(oThis,"status_hover");});}
    var menuItemList=$child(document.getElementById("menuList"),"li");for(var i=0;i<menuItemList.length;i++){var curItem=menuItemList[i];var kw=curItem.getAttribute("keyword");if(kw=="促销"||kw=="资讯"){$mouseover(curItem,function(oThis){$addClass(oThis,"hover");});$mouseout(curItem,function(oThis){$delClass(oThis,"hover");});}}}
    PP2.jiaju2.head2.initMainNav=function(){var lifeMune=$id("lifeMenu");if(lifeMune){$addClass("lifeMenu","now");}};PP2.jiaju2.head2.initSearch=function(){var searchSwitch=$id('searchSwitch');var ssc=$id('searchSwitchContent');$mouseover(searchSwitch,function(oThis){$addClass(oThis,"pp_cat_sthover");ssc.style.display="block";});$mouseout(searchSwitch,function(oThis){$delClass(oThis,"pp_cat_sthover");ssc.style.display="none";});window.JiajuSearchType="jiaju";ssc.onclick=function(evt){evt=window.event||evt;var target=evt.target||evt.srcElement;window.JiajuSearchType=target.getAttribute('st')
    $id('currentSearch').innerHTML=target.innerHTML+'&nbsp;';$id('headKeyWord').focus();this.style.display='none';};var searchForm=$id("searchForm");var kw=$getQuery("keyword");var hidekeyword=$getQuery('hidekeyword')=="true"?true:false;if(!hidekeyword&&kw){$id("headKeyWord").value=decodeURIComponent(kw);}
    searchForm.onsubmit=function(){var hkw=$id('headKeyWord');if(hkw.value.replace(/ /g,'')==''){hkw.focus();return false;}
    var kw=hkw.value.replace(/[&%'"?#]/g,'');if(window.JiajuSearchType=='jiaju'){location.href="http://life.paipai.com/search_list.shtml?type=232201&keyword="+encodeURIComponent(kw);}else{window.open("http://search1.paipai.com/cgi-bin/comm_search1?searchType=0&KeyWord="+kw);}
    return false;};}
    function setJiajuMenu(keyword){var menuItemList=$child(document.getElementById("menuList"),"li");for(var i=0;i<menuItemList.length;i++){var curItem=menuItemList[i];var kw=curItem.getAttribute("keyword");if(kw==keyword){$addClass(curItem,"current");if(kw=="促销"||kw=="资讯")
    {$mouseover(curItem,function(oThis){$delClass(oThis,"current");$addClass(oThis,"hover");});$mouseout(curItem,function(oThis){$delClass(oThis,"hover");$addClass(oThis,"current");});}}}};
    function $id(id){return typeof(id)=="string"?document.getElementById(id):id;};function $namespace(str){var arr=str.split(',');for(var i=0,len=arr.length;i<len;i++){var arrJ=arr[i].split("."),parent={};for(var j=0,jLen=arrJ.length;j<jLen;j++){var name=arrJ[j],child=parent[name];j===0?eval('(typeof '+name+')==="undefined"?('+name+'={}):"";parent='+name):(parent=parent[name]=(typeof child)==='undefined'?{}:child);};}};function $getQuery(name,url){var u=arguments[1]||window.location.search,reg=new RegExp("(^|&)"+name+"=([^&]*)(&|$)"),r=u.substr(u.indexOf("\?")+1).match(reg);return r!=null?r[2]:"";};function $addClass(ids,cName){$setClass(ids,cName,"add");};function $delClass(ids,cName){$setClass(ids,cName,"remove");};function $setClass(ids,cName,kind){if(typeof(ids)=="string"){var arrDom=ids.split(",");for(var i=0,len=arrDom.length;i<len;i++){setClass($id(arrDom[i]),cName,kind);}}else{setClass(ids,cName,kind);};function setClass(obj,cName,kind){var oldName=obj.className,arrName=oldName?oldName.split(' '):[];if(kind=="add"){if(!$hasClass(oldName,cName)){arrName.push(cName);obj.className=arrName.join(' ');}}else if(kind=="remove"){var newName=[];for(var i=0,len=arrName.length;i<len;i++){if(cName!=arrName[i]&&' '!=arrName[i]){newName.push(arrName[i]);}};obj.className=newName.join(' ');}}};function $hasClass(old,cur){if(!old||!cur)return null;var arr=old.split(' ');for(var i=0,len=arr.length;i<len;i++){if(cur==arr[i]){return cur;}};return null;}
    function $mouseover(obj,func){obj.onmouseover=function(e){var e=window.event||e,target=e.fromElement||e.relatedTarget,parent=target;while(parent&&parent!==this){parent=parent.parentNode;}
    if(parent!==this){func(this);}}}
    function $mouseout(obj,func){obj.onmouseout=function(e){var e=window.event||e,target=e.toElement||e.relatedTarget,parent=target;while(parent&&parent!==this){parent=parent.parentNode;}
    if(parent!==this){func(this);}}}
    function $child(node,val,fn){var results=[],node=node||document.body;walk(node.firstChild,function(n){var actual=n.nodeType===1&&n.nodeName.toLowerCase();if(typeof actual==='string'&&(actual===val||typeof val!=='string')){results.push(n);fn&&fn(n);}});return results;function walk(n,func){func(n);while(n=n.nextSibling){func(n,func);}}}
    </SCRIPT>
    <!--[if !IE]>|xGv00|7877fbb42f233691fceb65b87a6336d7<![endif]-->
    <SCRIPT type=text/javascript>PP2.jiaju2.head2.initHead2();</SCRIPT></BODY></HTML>