各位高手好!本人基本不懂JS。之前从网上下了一个JS做的多级菜单,本来是第一级菜单页面打开时就显示,鼠标移上后显示二级菜单,移开后隐藏二级菜单。这个菜单页面单独打开没有问题,但我将其包含在其他页面中后,打开时第一级菜单就不显示。鼠标移过后才出来,而且出来后就不会消失了。
请问各位高手,是不是页面之间包含后,会影响菜单显示的什么效果呢?会是什么原因造成这种情况呢?谢谢!!

解决方案 »

  1.   

    <body > 
      <div style="width:1024;margin:0 auto;">
      <jsp:include page="menu_app3.jsp" flush="true" />
        
    <div id="">
        <div class="" style="">
    <div style="width:230px; float:left; padding-top:23px;"><img src="<%=basePath%>zhaopin/imagebutton/img1.jpg" width="184" height="219" /><br /><img src="<%=basePath%>zhaopin/imagebutton/img2.jpg" width="184" height="218" /><br /><img src="<%=basePath%>zhaopin/imagebutton/img3.jpg" width="184" height="206" /></div>       <fieldset class="user_fieldset"  style="width:700px; margin:0 auto; line-height:130%">
            <legend class="user_legend" ><img src="<%=basePath%>zhaopin/imagebutton/question.gif" width="196" height="15" /></legend>
            <div style="width:625px; float:left;margin-top:10px;font-size:10pt;font-weight: 700;color:#C7711D;padding:0 0 0 20px">  
    <p>1. Q:是否?</p></div>
      

  2.   

    这是菜单页面,被包含的,名为menu_app3.jsp,上面的页面包含了这个页面<%@ page language="java" contentType="text/html; charset=GBK"
        pageEncoding="GBK"%>
    <%@ page import="com.groupdev.epolicy.common.Constants"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    String userclass = (String)request.getSession().getAttribute(Constants.USERCLASS);
    %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>  <title>menu</title>
     
      <!--[imcss] *** Infinite Menus Core CSS: Keep this section in the document head for full validation. -->
    <style type="text/css">.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover  .imsubc{visibility:visible;}.imde ul ul ul li:hover  .imsubc{visibility:visible;}.imde li:hover ul  .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:visible;}.imde li:hover ul ul ul  .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/</style><!--[if IE]><style type="text/css">.imcm .imea span{position:absolute;}.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}</style><![endif]--><!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}</style><![endif]--><!--end--><!--[imstyles] *** Infinite Menu Styles: Keep this section in the document head for full validation. -->
    <style type="text/css">
    /* --[[ Main Expand Icons ]]-- */
    #imenus0 .imeam span,#imenus0 .imeamj span { width:8px; height:6px; left:18px; top:5px; background-repeat:no-repeat;background-position:top left;}
    #imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(<%=basePath%>zhaopin/imagebutton/stub_arrow_down.gif); background-repeat:no-repeat;background-position:top left;}
    /* --[[ Sub Expand Icons ]]-- */
    #imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(<%=basePath%>zhaopin/imagebutton/stub_arrow_right.gif); width:6px; height:8px; left:-6px; top:3px; background-repeat:no-repeat;background-position:top left;}
    #imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(<%=basePath%>zhaopin/imagebutton/stub_arrow_right.gif); background-repeat:no-repeat;background-position:top left;}
    /* --[[ Main Container ]]-- */
    #imouter0 {filter:alpha(opacity=0); border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px 0px 10px 20px; }
    /* --[[ Sub Container ]]-- */
    #imenus0 li ul {filter:alpha(opacity=0);border-style:solid; border-color:#687a54; border-width:1px; padding:0px 8px 5px 5px; margin:0px -15px 0px 15px; }
    /* --[[ Main Items ]]-- */
    #imenus0 li a, #imenus0 .imctitle {height:10px; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none;  border-color:#687a54; border-width:0px; padding:0px 8px 5px; margin:0px 5px 5px 10px; } /* [hover] - These settings must be duplicated for IE compatibility.*/
    #imenus0 li:hover>a {text-decoration:none; }
    #imenus0 li a.ihover, .imde imenus0 a:hover {text-decoration:none; } /* [active] */
    #imenus0 li a.iactive {}
    /* --[[ Sub Items ]]-- */
    #imenus0 ul a, #imenus0 .imsubc li .imctitle  {height:auto; background-color:#f8cd81; color:#2c4026; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:solid; border-color:#dcedcd; border-width:1px 0px; padding:2px 5px; margin:0px; } /* [hover] - These settings must be duplicated for IE comptatibility.*/
    #imenus0 ul li:hover>a {background-color:#c2e0a9; text-decoration:none; border-color:#687a54; }
    #imenus0 ul li a.ihover {background-color:#c2e0a9; text-decoration:none; border-color:#687a54; } /* [active] */
    #imenus0 ul li a.iactive {}
    </style><!--end--></head>
      <body ><!--|**START IMENUS**|imenus0,inline--><!--  ****** Infinite Menus Structure & Links ***** -->
    <div style="width:1024;margin-top:-15">
    <img  src = "<%=basePath%>zhaopin/imagebutton/faqtop1.gif" /><br /><img  src = "<%=basePath%>zhaopin/imagebutton/faqtop3.gif"   />
    <div style="margin-top:-10;background-image:url(<%=basePath%>zhaopin/imagebutton/menu2.gif);">
    <div class="imrcmain0 imgl" style="z-index:999999;position:relative;left:100px">
    <div class="imcm imde" id="imouter0">
    <ul id="imenus0">
    <li class="imatm"  style="width:90px;">

    <a  href="#" style="top:7px;">
    <span class="imea imeam"><span></span></span> <img  src = "<%=basePath%>zhaopin/imagebutton/navzi_01.gif" /></a>
    <div class="imsc">
    <div class="imsubc" style="width:90px;left:0px">
    <div class="imunder"></div>
    <div></div>
    <ul style="">
    <li><a href="javascript:window.location.href='<%=basePath%>zhaopin/common/jianjie.jsp'"  style="font-size:10pt;font-weight:bold;color:#ffffff">公司简介</a></li>
    <li><a href="javascript:window.location.href='<%=basePath%>zhaopin/common/wenhua.jsp'" style="font-size:10pt;font-weight:bold;color:#ffffff">文化</a></li>
    </ul>
    </div>
    </div>
    </li>
    <li class="imatm"  style="width:90px;">
    <a href="javascript:window.location.href='<%=basePath%>zhaopin/common/zhaopinliucheng.jsp'" style="top:7px;">
    <span class="imea imeam"><span></span></span><img  src = "<%=basePath%>zhaopin/imagebutton/navzi_04.gif"  /></a>
    </li><li  class="imatm"  style="width:70px;">
    <a href="javascript:window.location.href='<%=basePath%>zhaopin/common/registerapp.jsp'" style="top:10px;color:#efa70c;"><span class="imea imeam"><span></span></span>注册</a>
    </li><%if(userclass!=null && !("".equals(userclass.trim()))){%>
    <li class="imatm"  style="width:90px;">
    <a href="<%=basePath%>tree.do?cmd=loginout" style="top:10px;color:#efa70c;"><span class="imea imeam"><span></span></span>退出登录</a>
    </li>
    <li class="imatm"  style="width:90px;">
    <a href="<%=basePath%>pwdmodify.do?cmd=modify" style="top:10px;color:#efa70c;"><span class="imea imeam"><span></span></span>密码修改</a>
    </li>
        <%}else{%>
        <li class="imatm"  style="width:90px;">
        <a href="javascript:window.location.href='<%=basePath%>zhaopin/common/loginapp.jsp'" style="top:10px;color:#efa70c;"><span class="imea imeam"><span></span></span>登录</a>
    </li>
    <%}%>
    </ul></div></div></div>
    </div>
    <!--|**END IMENUS**|-->
    <!--[imcode]*** Infinite Menus Settings / Code - This script reference must appear last. ***      *Note: This script is required for scripted add on support and IE 6 sub menu functionality.
          *Note: This menu will fully function in all CSS2 browsers with the script removed.--><script language="JavaScript" src="<%=basePath%>js/ocscript.js" type="text/javascript"></script></body>
    </html>
      

  3.   

    我觉得不是JS的问题,因为单独打开菜单页面不存在这个问题。所以JS文件不贴了,请各位帮忙看看吧,万分感激!!!
      

  4.   

    是挺多的,不好意思。不过我刚在同事那里试了,IE7上可以显示,但格式就乱了,我的是IE6,是不是浏览器的问题。而且这段菜单JS好像只针对IE6的设定。高手们知道怎么改成IE7 的设定么?// ---- Add-On [0.7 KB]: Select Tag Fix for IE ----
    ;function iao_iframefix()
    {
    if(ulm_ie&&!ulm_mac&&!ulm_oldie&&!ulm_ie7){
    for(var i=0;i<(x31=uld.getElementsByTagName("iframe")).length;i++){
     if((a=x31[i]).getAttribute("x30")){a.style.height=(x32=a.parentNode.getElementsByTagName("UL")[0]).offsetHeight;a.style.width=x32.offsetWidth;
     }
     }}};
     
     function iao_ifix_add(b){
     if(ulm_ie&&!ulm_mac&&!ulm_oldie&&!ulm_ie7&&window.name!="hta"&&window.name!="imopenmenu"){
     b.parentNode.insertAdjacentHTML("afterBegin","<iframe src='javascript:false;' x30=1 style='z-index:-1;position:absolute;float:left;border-style:none;width:1px;height:1px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);' frameborder='0'></iframe><div></div>");
     }}
    // ---- IM Code + Security [7.5 KB] ----
    im_version="10.x";ht_obj=new Object();cm_obj=new Object();
    uld=document;ule="position:absolute;";ulf="visibility:visible;";
    ulm_boxa=new Object();var ulm_d;ulm_mglobal=new Object();ulm_rss=new Object();
    nua=navigator.userAgent;ulm_ie=window.showHelp;ulm_ie7=nua.indexOf("MSIE 7")+1;
    ulm_mac=nua.indexOf("Mac")+1;ulm_navigator=nua.indexOf("Netscape")+1;
    ulm_version=parseFloat(navigator.vendorSub);
    ulm_oldnav=ulm_navigator&&ulm_version<7.1;ulm_oldie=ulm_ie&&nua.indexOf("MSIE 5.0")+1;
    ulm_iemac=ulm_ie&&ulm_mac;ulm_opera=nua.indexOf("Opera")+1;ulm_safari=nua.indexOf("afari")+1;
    x42="_";ulm_curs="cursor:hand;";
    if(!ulm_ie){
    x42="z";ulm_curs="cursor:pointer;";
    }ulmpi=window.imenus_add_pointer_image;
    var x43;
    for(mi=0;mi<(x1=uld.getElementsByTagName("UL")).length;mi++){
    if((x2=x1[mi].id)&&x2.indexOf("imenus")+1){
    dto=new window["imenus_data"+(x2=x2.substring(6))];ulm_boxa.dto=dto;ulm_boxa["dto"+x2]=dto;
    ulm_d=dto.menu_showhide_delay;if(ulm_ie&&!ulm_ie7&&!ulm_mac&&(b=window.imenus_efix))b(x2);
    imenus_create_menu(x1[mi].childNodes,x2+x42,dto,x2);(ap1=x1[mi].parentNode).id="imouter"+x2;
    ulm_mglobal["imde"+x2]=ap1;
    var dt="onmouseover";
    if(ulm_mglobal.activate_onclick)dt="onclick";
    document[dt]=function(){
    var a;
    if(!ht_obj.doc){clearTimeout(ht_obj.doc);ht_obj.doc=null;
    }else return;
    ht_obj.doc=setTimeout("im_hide()",ulm_d);
    if(a=window.imenus_box_reverse)a();
    if(a=window.imenus_expandani_hideall)a();
    if(a=window.imenus_hide_pointer)a();
    if(a=window.imenus_shift_hide_all)a();
    };
    imarc("imde",ap1);
    if(ulm_oldnav)ap1.parentNode.style.position="static";
    if(!ulm_oldnav&&ulmpi)ulmpi(x1[mi],dto,0,x2);x6(x2,dto);
    if((ulm_ie&&!ulm_iemac)&&(b1=window.iao_iframefix))window.attachEvent("onload",b1);
    if((b1=window.iao_hideshow)&&(ulm_ie&&!ulm_mac))attachEvent("onload",b1);
    if(b1=window.imenus_box_ani_init)b1(ap1,dto);
    if(b1=window.imenus_expandani_init)b1(ap1,dto);
    if(b1=window.imenus_info_addmsg)b1(x2,dto);
    if(b1=window.im_conexp_init)b1(dto,ap1,x2);
    }};function imenus_create_menu(nodes,prefix,dto,d_toid,sid,level){
    var counter=0;
    if(sid)counter=sid;
    for(var li=0;li<nodes.length;li++){
    var a=nodes[li];
    var c;
    if(a.tagName=="LI"){
    a.id="ulitem"+prefix+counter;(this.atag=a.getElementsByTagName("A")[0]).id="ulaitem"+prefix+counter;
    if(c=this.atag.getAttribute("himg")){
    ulm_mglobal["timg"+a.id]=new Image();ulm_mglobal["timg"+a.id].src=c;
    }
    var level;
    a.level=(level=prefix.split(x42).length-1);a.dto=d_toid;a.x4=prefix;a.sid=counter;
    if((a1=window.imenus_drag_evts)&&level>1)a1(a,dto);
    a.onkeydown=function(e){
    e=e||window.event;
    if(e.keyCode==13&& !ulm_boxa.go)hover_handle(this,1);
    };
    if(dto.hide_focus_box)this.atag.onfocus=function(){
    this.blur()};imenus_se(a,dto);this.isb=false;x29=a.getElementsByTagName("UL");
    for(ti=0;ti<x29.length;ti++){
    var b=x29[ti];
    if(c=window.iao_ifix_add)c(b);
    var wgc;
    if(wgc=window.getComputedStyle){
    if(wgc(b.parentNode,"").getPropertyValue("visibility")=="visible"){
    cm_obj[a.id]=a;imarc("ishow",a,1);}}
    else  if(ulm_ie&&b.parentNode.currentStyle.visibility=="visible"){
    cm_obj[a.id]=a;imarc("ishow",a,1);}
    if((dd=this.atag.firstChild)&&(dd.tagName=="SPAN")&&(dd.className.indexOf("imea")+1)){
    this.isb=true;
    if(ulm_mglobal.eimg_fix)imenus_efix_add(level,dd);dd.className=dd.className+"j";dd.firstChild.id="ea"+a.id;dd.setAttribute("imexpandarrow",1);
    }
    b.id="x1ub"+prefix+counter;
    if(!ulm_oldnav&&ulmpi)ulmpi(b.parentNode,dto,level);
    new imenus_create_menu(b.childNodes,prefix+counter+x42,dto,d_toid);
    }
    if((a1=window.imenus_button_add)&&level==1)a1(this.atag,dto);
    if(this.isb&&ulm_ie&&level==1&&document.getElementById("ssimaw")){
    if(a1=window.imenus_autowidth)a1(this.atag,counter);}
    if(!sid&&!ulm_navigator&&!ulm_iemac&&(rssurl=a.getAttribute("rssfeed"))&&(c=window.imenus_get_rss_data))c(a,rssurl);counter++;
    }}};function imenus_se(a,dto){
    var d;
    if(!(d=window.imenus_onclick_events)||!d(a,dto)){
    a.onmouseover=function(e){
    var a,b,at;clearTimeout(ht_obj.doc);ht_obj.doc=null;
    if(((at=this.getElementsByTagName("A")[0]).className.indexOf("iactive")==-1)&&at.className.indexOf("imsubtitle")==-1)imarc("ihover",at,1);
    if(b=at.getAttribute("himg")){
    if(!at.getAttribute("zhimg"))at.setAttribute("zhimg",at.style.backgroundImage);at.style.backgroundImage="url("+b+")";}
    if(b=window.imenus_shift)b(at);
    if(b=window.imenus_expandani_animateit)b(this);
    if((ulm_boxa["go"+parseInt(this.id.substring(6))])&&(a=this.getElementsByTagName("UL")[0]))imenus_box_ani(true,a,this,e);
    else {
    if(this.className.indexOf("ishow")==-1)ht_obj[this.level]=setTimeout("hover_handle(uld.getElementById('"+this.id+"'))",ulm_d);
    if(a=window.imenus_box_reverse)a(this);}
    if(a=window.im_conexp_show)a(this);
    if(!window.imenus_chover){im_kille(e);return false;}};
    a.onmouseout=function(e){
    var a,b;
    if((a=this.getElementsByTagName("A")[0]).className.indexOf("iactive")==-1){
    imarc("ihover",a);imarc("iactive",a);}
    if(this.className.indexOf("ishow")==-1&&(b=a.getAttribute("zhimg")))a.style.backgroundImage=b;clearTimeout(ht_obj[this.level]);
    if(!window.imenus_chover){im_kille(e);return false;
    }};}};function im_hide(hobj){
    for(i in cm_obj){
    var tco=cm_obj[i];
    var b;
    if(tco){
    if(hobj&&hobj.id.indexOf(tco.id)+1)continue;
    imarc("ishow",tco);
    var at=tco.getElementsByTagName("A")[0];imarc("ihover",at);imarc("iactive",at);
    if(b=at.getAttribute("zhimg"))at.style.backgroundImage=b;cm_obj[i]=null;i++;
    if(ulm_boxa["go"+parseInt(tco.id.substring(6))])imenus_box_h(tco);
    var a;
    if(a=window.imenus_expandani_hideit)a(tco);
    if(a=window.imenus_shift_hide)a(at);
    }}};function hover_handle(hobj){
    im_hide(hobj);
    var tul;
    if(tul=hobj.getElementsByTagName("UL")[0]){
    try{
    if((ulm_ie&&!ulm_mac)&&(plobj=tul.filters[0])&&tul.parentNode.currentStyle.visibility=="hidden"){
    if(x43)x43.stop();plobj.apply();plobj.play();x43=plobj;
    }}catch(e){}
    var a;
    if(a=window.imenus_stack_init)a(tul);
    if(a=window.iao_apos)a(tul);
    var at=hobj.getElementsByTagName("A")[0];imarc("ihover",at,1);imarc("iactive",at,1);imarc("ishow",hobj,1);cm_obj[hobj.id]=hobj;
    if(a=window.imenus_stack_ani)a(tul);
    }};function imarc(name,obj,add){
    if(add){
    if(obj.className.indexOf(name)==-1)obj.className+=(obj.className?' ':'')+name;
    }else {
    obj.className=obj.className.replace(" "+name,"");obj.className=obj.className.replace(name,"");
    }};function x26(obj){
    var x=0;
    var y=0;
    do{x+=obj.offsetLeft;y+=obj.offsetTop;
    }while(obj=obj.offsetParent)return new Array(x,y);
    };function im_kille(e){
    if(!e)e=event;e.cancelBubble=true;
    if(e.stopPropagation)e.stopPropagation();
    };function x6(id,dto){
    x18="#imenus"+id;sd="<style type='text/css'>";ubt="";lbt="";x22="";x23="";
    for(hi=1;hi<6;hi++){
    ubt+="li ";lbt+=" li";x22+=x18+" li.ishow "+ubt+" .imsubc";x23+=x18+lbt+".ishow .imsubc";
    if(hi!=5){x22+=",";x23+=",";
    }}sd+=x22+"{visibility:hidden;}";sd+=x23+"{"+ulf+"}";sd+=x18+" li ul{"+((!window.imenus_drag_evts&&window.name!="hta"&&ulm_ie)?dto.subs_ie_transition_show:"")+"}";
    if(ulm_oldnav)sd+=".imcm .imsc{position:absolute;}";
    if(ulm_ie&&!((dcm=document.compatMode)&&dcm=="CSS1Compat"))sd+=".imgl .imbrc{height:1px;}";
    if(a1=window.imenus_drag_styles)sd+=a1(id,dto);if(a1=window.imenus_info_styles)sd+=a1(id,dto);
    if(ulm_mglobal.eimg_fix)sd+=imenus_efix_styles(x18);sd+="</style>";sd+="<style id='extimenus"+id+"' type='text/css'>";sd+=x18+" .ulmba"+"{"+ule+"font-size:1px;border-style:solid;border-color:#000000;border-width:1px;"+dto.box_animation_styles+"}";sd+="</style>";uld.write(sd);}
      

  5.   

    JSP文件怎么设计,当鼠标移上去显示下面的菜单,当鼠标移开隐藏菜单!求教!楼主应该知道吧