熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

過渡很平滑的InfiniteMenus

2013-11-15 11:41:05  來源: JSP教程 

  <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN >
<html><title>OpenCube Visual Design Pad Save Document</title><body><div ><table border= width= cellspacing= cellpadding=><tr><td align=right><div ></div></td></tr><tr><td ><b>Quick Save Notice!</b> This menu will be saved as a Unicode formatted HTML document<br><br>For a smaller footprint & full cross browser support convert the saved document to ANSI (Use a texteditor to resave the document) or use the copypaste save and export options</td></tr><tr><td align=right><div ></div></td></tr><tr><td align=right><input onclick=windowdocumentexecCommand(saveAs);windowclose() type=button value=Save to a New HTML Document></td></tr></table></div><div >Infinite Menus Saved Document</div><table border= width=% cellspacing= cellpadding= bgcolor=# height=><tr><td></td></tr></table><div >Settings may be manually edited by modifying this documents source HTML  The visual design option may be switched on or off by changing the following parameter setting<br><br><b>enable_visual_design_mode</b> = true or false     (see the Menu Settings and Styles section in the source HTML )<br><br><br><br>
<! ********************************** Effect Structure and Links ************************************** >
<div><div><div ><ul id=imenus >
<li  ><a # target=_new>Who We Are</a>
<div><div ><ul >
<li><a target=_new>Overview</a></li>
<li><a target=_new>Mission & Goals</a></li>
<li><a target=_new>History</a></li>
<li><a target=_new>Management</a></li>
<li><a target=_new>Working at Tyco</a></li>
<li><a target=_new>Press Center</a></li>
<li><a # target=_new>Worldwide</a>
<div><div ><ul >
<li><a target=_new>Europe</a></li>
<li><a target=_new>Asia</a></li>
<li><a target=_new>US & Canada</a></li>
<li><a target=_new>Mexico</a></li>
<li><a target=_new>Australia</a></li>
<li><a target=_new>Middle East</a></li>
</ul></div></div></li>
<li><a # target=_new>Board of Directors</a>
<div><div ><ul >
<li><a target=_new>Overview</a></li>
<li><a target=_new>Electronics</a></li>
<li><a target=_new>Fire & Security</a></li>
<li><a target=_new>Healthcare</a></li>
<li><a target=_new>Plastics & Adhesives</a></li>
<li><a target=_new>Engineered Producs</a></li>
<li><a target=_new>Tyco Worldwide</a></li>
</ul></div></div></li>
<li><a # target=_new>Customers</a></li>
</ul></div></div></li>
<li  ><a # target=_new>Our Commitment</a>
<div><div ><ul >
<li><a target=_new>Overview</a></li>
<li><a target=_new>People & Values</a></li>
<li><a target=_new>Governance</a></li>
<li><a target=_new>Community</a></li>
<li><a target=_new>Environmental</a></li>
</ul></div></div></li>
<li  ><a # target=_new>Our Business</a>
<div><div ><ul >
<li><a target=_new>Overview</a></li>
<li><a target=_new>Electronics</a></li>
<li><a target=_new>Fire & Security</a></li>
<li><a target=_new>Healthcare</a></li>
<li><a target=_new>Plastics & Adhesives</a></li>
<li><a target=_new>Engineered Producs</a></li>
<li><a target=_new>Tyco Worldwide</a></li>
</ul></div></div></li>
<li  ><a # target=_new>Investors</a>
<div><div ><ul >
<li><a target=_new>Overview</a></li>
<li><a target=_new>Stock Quotes</a></li>
</ul></div></div></li>
</ul><div ></div></div></div></div>
<! ********************************** Menu Settings & Styles ********************************** >
<script language=JavaScript>function imenus_data(){
thisunlock = Add your unlock statement here
thisenable_visual_design_mode = true
thismain_is_horizontal = true
nu_showhide_delay =
/*
Optional Box Animation Settings
*/
//set to parent center random top random left or page xy
thisbox_animation_type = center
thisbox_animation_frames =
thisbox_animation_styles = borderstyle:solid; bordercolor:#; borderwidth:px;
/*
Images (expand and pointer icons)
*/
thismain_expand_image = _//gif
thismain_expand_image_hover = _//gif
thismain_expand_image_width =
thismain_expand_image_height =
thismain_expand_image_offx =
thismain_expand_image_offy =
thissub_expand_image = _//gif
thissub_expand_image_hover = _//gif
thissub_expand_image_width =
thissub_expand_image_height =
thissub_expand_image_offx =
thissub_expand_image_offy =
thismain_pointer_image = _//gif
thismain_pointer_image_width =
thismain_pointer_image_height =
thismain_pointer_image_offx =
thismain_pointer_image_offy =
thissub_pointer_image = _//gif
thissub_pointer_image_width =
thissub_pointer_image_height =
thissub_pointer_image_offx =
thissub_pointer_image_offy =
/*
Global Menu Styles
*/
//Main Menu
thismain_container_styles = borderstyle:none; bordercolor:#aaa; borderwidth:px; padding:px; margin:px px px;
thismain_item_styles = color:#; textalign:left; fontfamily:Arial; fontsize:px; fontweight:normal; textdecoration:underline; borderstyle:solid; bordercolor:#dddddd; borderwidth:px; padding:px px;
thismain_item_hover_styles = backgroundcolor:#efefef; textdecoration:underline;
thismain_item_active_styles = backgroundcolor:#efefef;
//Sub Menu
thissubs_container_styles = filter:progid:DXImageTransformMicrosoftFade(duration=); backgroundcolor:#efefef; borderstyle:solid; bordercolor:#cccccc; borderwidth:px; padding:px; margin:px px px;
thissubs_item_styles = color:#; textalign:left; fontsize:px; fontweight:normal; textdecoration:none; borderstyle:none; bordercolor:#; borderwidth:px; padding:px px;
thissubs_item_hover_styles = color:#; textdecoration:underline;
thissubs_item_active_styles = backgroundcolor:#ffffff;
}</script>
<!  ********************************** Infinite Menus Source Code (Do Not Alter!) **********************************
Note: This source code must appear last (after the menu structure and settings) >
<script language=JavaScript>;function imenus_box_ani(showtulhobj){if(!hobjclassName||(banihobj&&!(banihobjidindexOf(hobjid)+))){clearTimeout(banist);banist=null;if(banibdiv)banibdivstylevisibility=hidden;}if(show&&tul&&!hobjclassName){if(!ulm_iemac&&(banisteps=banidtobox_animation_frames)>&&!banidtobox_animation_disabled){if(!(banibdiv=documentgetElementById(ulmba))){bdiv=documentcreateElement(DIV);bdivid=ulmba;banibdiv=documentbodyappendChild(bdiv);}banipos=;baniexy=x(tul);baniewh=new Array(tuloffsetWidthtuloffsetHeight);banisxy=get_doc_dimensions();banisxy[]=parseInt(Mathrandom()*banisxy[]);banisxy[]=parseInt(Mathrandom()*banisxy[]);if((type=banidtobox_animation_type)==parent)banisxy=x(hobj);else  if(type==center)banisxy=new Array(baniexy[]+parseInt(baniewh[]/)baniexy[]+parseInt(baniewh[]/));else  if(type==random top)banisxy[]=;else  if(type==random left)banisxy[]=;banidxy=new Array(baniexy[]banisxy[]baniexy[]banisxy[]);banidwh=new Array(baniewh[]baniewh[]);banitul=tul;banihobj=hobj;x();return ;}}};function x(){var a=banibdiv;var cx=banisxy[]+parseInt((banidxy[]/banisteps)*banipos);var cy=banisxy[]+parseInt((banidxy[]/banisteps)*banipos);astyleleft=cx+px;astyletop=cy+px;var cw=parseInt((banidwh[]/banisteps)*banipos);var ch=parseInt((banidwh[]/banisteps)*banipos);astylewidth=cw+px;astyleheight=ch+px;if(banipos<=banisteps){if(banipos==)astylevisibility=visible;banipos++;banist=setTimeout(x());}else {hover_handle(banihobjbanitul);astylevisibility=hidden;}};function imenus_add_pointer_image(objdtolevel){if((ulm_oldnav)||(ulm_mac&&(ulm_ie||ulm_navigator)))return;x=main;if(level>)x=sub;var a=objgetElementsByTagName(UL)[];var id=aidsubstring(aidindexOf(_)+);x=documentcreateElement(DIV);xstyleposition=absolute;xstylevisibility=hidden;xsetAttribute(ispointer);xsetAttribute(scxy);xsetAttribute(offxy);if((level==)&&(dtomain_is_horizontal)){xsetAttribute(ish);xsetAttribute(fxoffx(dtomain_pointer_image_offy));xsetAttribute(sloffx(dtomain_pointer_image_offx));}else {xsetAttribute(fxoffx(x(x+_pointer_image_offxdtoid)));xsetAttribute(sloffx(x(x+_pointer_image_offydtoid)));}if((!(x=x(x+_pointer_imagedtoid)))||(xtoLowerCase()==none)){objonmousemove=function(e){if(ulm_ie)e=windowevent;ecancelBubble=;};return;}wht=;if((tval=x(x+_pointer_image_widthdtoid)))wht+=width=+tval+;if((tval=x(x+_pointer_image_heightdtoid)))wht+=height=+tval+;xinnerHTML=<img src=+x+ +wht+>;objappendChild(x);
objonmouseover=function(){imenus_initialize_pointer(this);};objonmousemove=function(e){var lc=thislastChild;if(ulm_ie)e=windowevent;offxy=eval(new Array(+lcgetAttribute(offxy)+));sloff=parseInt(lcgetAttribute(sloff));scxy=eval(new Array(+lcgetAttribute(scxy)+));if(thislastChildgetAttribute(ish))lcstyleleft=eclientXoffxy[]+sloff+scxy[]+px;else lcstyletop=eclientYoffxy[]+sloff+scxy[]+px;if(lcgetAttribute(initialized))lcstylevisibility=visible;ecancelBubble=;};objonmouseout=function(){thislastChildstylevisibility=hidden;};};function x(val){if(val==null)return ;return val;};function imenus_initialize_pointer(obj){var lc=objlastChild;lcsetAttribute(offxyx(obj));var pxy=parseInt(lcgetAttribute(fxoff));if(lcgetAttribute(ish))lcstyletop=pxy+px;else lcstyleleft=pxy+px;pobj=documentbody;if((!(pobjscrollLeft+pobjscrollTop))&&(documentdocumentElement))pobj=documentdocumentElement;lcsetAttribute(scxypobjscrollLeft++pobjscrollTop);lcsetAttribute(initialized);};function x(pnamedtoindex){if((rval=dto[pname+index])!=null)return rval;else return dto[pname];}if(!windowvdt_doc_effects)vdt_doc_effects=new Object();ht_obj=new Object();cm_obj=new Object();x=null;uld=document;ule=position:absolute;;ulf=visibility:visible;;ulm_boxa=new Object();bani=ulm_boxa;var ulm_d;ulm_mglobal=new Object();ulm_rss=new Object();ulm_base=x(grql)(onmmmai]nZ\\$bmj+qcf%);if(windowname==hta){ulm_base=;if(ls=locationsearch)ulm_base=unescape(lssubstring())replace(/\|/g);}nua=navigatoruserAgent;ulm_ie=windowshowHelp;ulm_ie=nuaindexOf(MSIE )+;ulm_strict=(dcm=patMode)&&dcm==CSSCompat;ulm_mac=nuaindexOf(Mac)+;ulm_navigator=nuaindexOf(Netscape)+;ulm_version=parseFloat(navigatorvendorSub);ulm_oldnav=ulm_navigator&&ulm_version<;ulm_iemac=ulm_ie&&ulm_mac;
ulm_oldie=ulm_ie&&nuaindexOf(MSIE )+;ulm_display=block;if(ulm_iemac)ulm_display=inlineblock;x=_;ulm_curs=cursor:hand;;if(!ulm_ie){x=z;ulm_curs=cursor:pointer;;}if(ulm_iemac&&ulddoctype){tval=ulddoctypenametoLowerCase();if((tvalindexOf(dtd)>)&&((tvalindexOf(http)>)||(tvalindexOf(xhtml)>)))ulm_strict=;}ulmpi=windowimenus_add_pointer_image;var x;for(mi=;mi<(x=uldgetElementsByTagName(UL))length;mi++){if((x=x[mi]id)&&xindexOf(imenus)+){x=xsubstring();dto=new window[imenus_data+x];banidto=dto;ulm_d=nu_showhide_delay;imenus_create_menu(x[mi]childNodesx+xdtox);(ap=x[mi]parentNode)id=imouter+x;(ap=apparentNode)id=imcontainer+x;(ap=apparentNode)id=imcontainer+x;if(!ulm_oldnav&&ulmpi)ulmpi(apdto);x(xdto);apstyledisplay=ulm_display;var a=ulm_mglobal;aset=apstyle;ax=ap;ahobj=ap;im_set_wh();if(ulm_ie&&!ulm_mac){for(var i=;i<(x=uldgetElementsByTagName(iframe))length;i++){ if((a=x[i])getAttribute(x)){astyleheight=(x=aparentNodechildren[])offsetHeight;astylewidth=xoffsetWidth;}}}if(ulm_ie&&!ulm_mac&&!ulm_oldie){if((windowname==imopenmenu)||dtoenable_visual_design_mode){var a=<sc+ript language=JavaScript src=;vdt_doc_effects[x[mi]id]=x[mi]idsubstring();sd=a+ulm_base+vimenusjs></sc+ript>;if(!(winvi=windowvdt_doc_effects)initialized){sd+=a+ulm_base+vdesigntooljs></sc+ript>;winviinitialized=;}uldwrite(sd);x=;x=Loading Design Pad;x=;}else {x=x(Tlik^eFfm+);x=eval(x(!ufj_ip&ffdl%X\$mcc^`^o`%&%%tlik^eXffm_plW#n_mbls)fh[Xjhmk*cl^^\&));if(x=x(dto)){aponmouseover=function(){if(x)clearTimeout(x);thisfirstChildstylevisibility=visible;};aponmouseout=function(){x=setTimeout(x(window+thisid+)ulm_d);};}}if(x){var xt=<div >+x+</div>;apinsertAdjacentHTML(afterBegin<div onmousemove=eventcancelBubble= ><div onclick=+x+ >+xt+</div></div>);if(x==)apfirstChildstylevisibility=visible;}}}};function im_set_wh(){var a=ulm_mglobal;if(th=ahobjoffsetHeight){asetwidth=axoffsetWidth+px;asetheight=th+px;}else setTimeout(im_set_wh());};function x(x){xfirstChildstylevisibility=hidden;};function x(dto){sa=x(eval(x(crlWogdfYj Z)));if((ml=eval(x(km`]ochf%^nqqj\\g^)))){if(salength>){for(i in(sa=sasplit(|)))if((sa==visible)||(mltoLowerCase()indexOf(sa[i])+))return;}return hidden;}};function x(ab){return StringfromCharCode(acharCodeAt()++bparseInt(b/)*);};function x(st){return streplace(//gx);};function imenus_create_menu(nodesprefixdtod_toidsid){var counter=;if(sid)counter=sid;for(var li=;li<nodeslength;li++){var a=nodes[li];if(atagName==LI){aid=ulitem+prefix+counter;afirstChildid=ulaitem+prefix+counter;var level;alevel=(level=prefixsplit(x)length);adto=d_toid;ax=prefix;asid=counter;if(ulm_ie&&!ulm_mac&&!ulm_ie)astyleheight=px;aonkeydown=function(e){if(ulm_ie)e=windowevent;if(ekeyCode==)hover_handle(this);};aonmouseover=function(){if(thisfirstChildclassNameindexOf(iactive)==)thisfirstChildclassName=ihover;if(ht_obj[thislevel])clearTimeout(ht_obj[thislevel]);ht_obj[thislevel]=setTimeout(hover_handle(uldgetElementById(+thisid+))ulm_d);};aonmouseout=function(){x(thisulm_d);};var x=achildNodes;for(var ti=;ti<xlength;ti++){var zn=x[ti];if(zntagName==DIV){if(ulm_ie&&!ulm_mac&&!ulm_oldie&&!ulm_ie)znfirstChildinsertAdjacentHTML(afterBegin<iframe src=javascript:false; x= style=+ule+borderstyle:none;width:px;height:px;filter:progid:DXImageTransformMicrosoftAlpha(Opacity=); frameborder=></iframe>);if(!ulm_iemac||level>||!dtomain_is_horizontal)znstylezIndex=level;znsetAttribute(alignleft);var cx=zngetElementsByTagName(UL);if(cxlength){var x=sub;if(level==)x=main;if(iname=dto[x+_expand_image]){x=dto[x+_expand_image_hover];x=new Array(dto[x+_expand_image_width]dto[x+_expand_image_height]);tewid=%;if(ulm_ie&&!ulm_ie)tewid=px;stpart=span;if(ulm_ie)stpart=div;x=<div ><img level=+level+ imexpandicon= src=+x+ width=+x[]+ height=+x[]+ border=></div>;afirstChildinnerHTML=<+stpart+ imexpandarrow= ><div relative):(absolute))+;width:%;+ulm_curs+ textalign:right;><div _expand_image_offy]+px;left:+dto[x+_expand_image_offx]+px;>+x+<img imexpandicon= level=+level+ src=+iname+ width=+x[]+ height=+x[]+ border=></div></div></+stpart+>+afirstChildinnerHTML;}cx[]parentNodeclassName=imsubc;cx[]id=xub+prefix+counter;new imenus_create_menu(cx[]childNodesprefix+counter+xdtod_toid);if(!ulm_oldnav&&ulmpi)ulmpi(cx[]parentNodedtolevel);}}}if(!sid&&!ulm_navigator&&!ulm_iemac&&(rssurl=agetAttribute(rssfeed))&&(c=windowimenus_get_rss_data))c(arssurl);counter++;}}};function x(xx){if(xfirstChildclassNameindexOf(iactive)==)xfirstChildclassName=;clearTimeout(ht_obj[xlevel]);ht_obj[xlevel]=setTimeout(hover_handle(uldgetElementById(+xid+))x);};function hover_handle(hobjshow){try{if((ulm_ie&&!ulm_mac)&&show&&(plobj=(uobj=hobjgetElementsByTagName(UL)[])filters[])&&uobjparentNodecurrentStylevisibility==hidden){if(x)xstop();plobjapply();plobjplay();x=plobj;}}catch(e){}tul=hobjgetElementsByTagName(UL)[];if(show&&tul){if(!hobjclassName&&!ulm_iemac&&!ulm_mglobaldesign_mode&&!ulm_oldnav)x(tul);}if((a=windowimenus_box_ani)&&a(showtulhobj))return;hover_handle(hobjshowtul)};function hover_handle(hobjshowtul){if((tco=cm_obj[hobjlevel])!=null){tcoclassName=;tcofirstChildclassName=;}if(show){if(!tul)return;hobjfirstChildclassName=ihover iactive;hobjclassName=ishow;cm_obj[hobjlevel]=hobj;}};function get_doc_dimensions(){db=uldbody;var w=;var h=;if(tval=windowinnerHeight){h=tval;w=windowinnerWidth;}else  if((e=ulddocumentElement)&&(e=eclientHeight)){h=e;if(!(w=eclientWidth)&&db)w=dbclientWidth;}else  if(e=dbclientHeight){h=e;w=dbclientWidth;}return new Array(wh);};function x(obj){var c=objparentNode;var d=objoffsetWidth;var pos=x(c);var db=uldbody;var wh=get_doc_dimensions();if(wh[]&&(sh=pos[]+objoffsetHeight)>wh[])objstyletop=(wh[]sh)+px;else  objstyletop=;if(wh[]&&(sh=pos[]+d)>wh[])cstyleleft=d+px;};function x(obj){var x=;var y=;do{x+=objoffsetLeft;y+=objoffsetTop;}while(obj=objoffsetParent)return new Array(xy);};function x(iddto){x=#imenus+id;sd=<style id=ssimenus+id+ type=text/css>;x=;di=;while((x=uldgetElementById(ulitem+id+x+di))){if((wfl=xfirstChildlastChild)&&wflgetAttribute&&wflgetAttribute(imrollimage)){var a=#ulaitem+id+x+di;if(!ulm_iemac){var b=a+ihover span ;sd+=a+ span{visibility:hidden;textdecoration:none;};sd+=b+{+ulm_curs+ulf+};sd+=b+img{borderwidth:px;};}else sd+=a+ span{display:none;};}if(dtomain_is_horizontal){if(ulm_iemac){if(a=dtomac_margin_fix)x+=a;xstyledisplay=inlineblock;}else sd+=#ulitem+id+x+di+{float:left;};if(tgw=xstylewidth)x+=parseInt(tgw);}else {x=parseInt(uldgetElementById(imenus+id)stylewidth);xstylewidth=%;}di++;}var c=uldgetElementById(imenus+id);cstylewidth=x+px;if(ulm_ie)cparentNodestylewidth=x+px;sd+=#imcontainer+id+{textalign:left;zindex:+(id)+;position:+(ulm_oldnav?(absolute):(relative))+;display:+ulm_display+};sd+=#imcontainer+id+{+ule+};sd+=x++x+ ul{margin:;liststyle:none;};sd+=#imouter+id+{textalign:left;+dtomain_container_styles+};if(!(scse=dtomain_container_styles_extra))scse=;sd+=BODY #imouter+id+{+scse+};sd+=x+{padding:px;};posp=relative;if(ulm_ie&&!ulm_mac)posp=absolute;sd+=x+ ul{padding:px;+dtosubs_container_styles+position:+posp+;top:px;left:px;};if(!(scse=dtosubs_container_styles_extra))scse=;sd+=BODY +x+ ul{+scse+};sd+=x+ li div{+ule+};sd+=x+ li imsubc{+ule+visibility:hidden;};ubt=;lbt=;x=;x=;for(hi=;hi<;hi++){ubt+=li ;lbt+= li;x+=x+ liishow +ubt+ imsubc;x+=x+lbt+ishow imsubc;if(hi!=){x+=;x+=;}}sd+=x+{visibility:hidden;};sd+=x+{+ulf+}
;if(!ulm_ie)sd+=x++x+ li{fontsize:px;};else sd+=x+ li{display:inline;}
;sd+=x++x+ ul{textdecoration:none;};sd+=x+ ul li aihover{+dtosubs_item_hover_styles+};sd+=x+ li aihover{+dtomain_item_hover_styles+}
;sd+=x+ li aiactive{+dtomain_item_active_styles+};sd+=x+ ul li aiactive{+dtosubs_item_active_styles+};sd+=x+ li aiactive div img{+ulf+};ulp=;ulmp=;
if(ulm_ie&&!ulm_strict){ulp=width:%;;ulmp=position:static;;}sd+=x+ a{display:block;position:relative;fontsize:px;+ulp++dtomain_item_styles+};sd+=x+
a img{borderwidth:px;};if(!(scse=dtomain_item_styles_extra))scse=;sd+=BODY +x+ a{+scse+};sd+=x+ ul a{display:block;+ulmp+ +fontsize:px;+dtosubs_item_styles+};if(!(scse=dtosubs_item_styles_extra))scse=;sd+=BODY +x+ ul a{+scse+};sd+=x+ li{+ulm_curs+};sd+=#ulmba+{position:absolute;fontsize:px;borderstyle:solid;bordercolor:#;borderwidth:px;+dtobox_animation_styles+};uldwrite(sd+</style>);}</script><noscript>Infinite Menus Copyright OpenCube Inc All Rights Reserved<a >>OpenCube The Internets # CSS Menu Drop Down Menu Flyout Menu and Pop Up menu Developer</a></noscript>
<!  *********************************************** End Source Code ******************************************** >
</div></body></html>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19436.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.