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