<html> <head> <title> Multi Menu </title> <style> body {border:0;margin:0;overflow:auto;} .menu{position:absolute;top:;left:;z-index:100;font-family:verdana;font-size:9;background:#B4B4B4;color:white;cursor:default;border:1 solid #990000;visibility:visible;zoom:100%;filter:alpha(opacity=100)} .sub_menu {background:#B4B4B4;width:0;padding:2 2 2 2;position:absolute;top:;left:;height:;width:;z-index:99;border:1 solid #990000;visibility:visible;zoom:100%;filter:alpha(opacity=100)} .m_stat {font-family:verdana;font-size:10;color:black;cursor:default;} .m_over {font-family:verdana;font-size:10;color:#990000;cursor:default;} .m_arrow {position:absolute;left:expression(mainmenu.offsetWidth-12);font-family:webdings;font-size:10;} .scrollBar {top:0;left:;height:0;font-family:webdings;font-size:10;color:white;background:;cursor:hand;} .scrollBar2 {top:0;left:;height:0;font-family:webdings;font-size:10;color:#990000;background:;cursor:hand;} .gradV{width:5;font-family:Verdana;font-size:10;color:#FFFF99;cursor:default;writing-mode:tb-rl;filter:progid:DXImageTransform.Microsoft.gradient(enabled="true",gradientType="1",startColorstr="#FFFFFF", endColorstr="#000000") flipV() flipH();} </style> <script language="JavaScript"> <!-- //************************// var userMenuStyle = 'slide' // default menu style var num_sub_menus = 5 // number of sub menus var speed = 8 // sub menu scroll speed var Cmin = 300 // set desired height of sub menu (if content exceeds this number, scrollbars become visible) //************************// var menuActive = 0 var what,sub,t,t2,elType,inc,Cmax,elTag,clipper,subMenu,menuItems,scrollUp,scrollDn clipperT=new Array() clipperB=new Array() pos=new Array() function setup() { setMenus() } function selectMenuStyle() { hidesubs() if(menuAction.style.visibility=='hidden'){ menuAction.style.visibility='visible' } else{ menuAction.style.visibility='hidden' } } // this function activates the chosen action function toggleMenuStyle(what) { if(what=='slide'){userMenuStyle='slide'} if(what=='zoom'){userMenuStyle='zoom'} if(what=='fade'){userMenuStyle='fade'} selectMenuStyle() setMenus() } // this function sets up the menu according to the chosen action (can add more actions) function setMenus() { if(userMenuStyle=='zoom'){ mainmenu.style.zoom='1%' mainmenu.style.left = 10 mainmenu.filters.alpha.opacity = 100 for(a=1;a<num_sub_menus+1;a++){ eval("m"+a+"_menu").style.zoom='1%' eval("m"+a+"_menu").style.left = 120 eval("m"+a+"_menu").style.visibility = 'hidden' eval("m"+a+"_menu").filters.alpha.opacity = 100 } } if(userMenuStyle=='slide'){ mainmenu.style.zoom='100%' mainmenu.style.left = -250 mainmenu.style.visibility = 'visible' mainmenu.filters.alpha.opacity = 100 for(a=1;a<num_sub_menus+1;a++){ eval("m"+a+"_menu").style.zoom='100%' eval("m"+a+"_menu").style.left = -250 eval("m"+a+"_menu").style.visibility = 'visible' eval("m"+a+"_menu").filters.alpha.opacity = 100 } } if(userMenuStyle=='fade'){ mainmenu.style.zoom='100%' mainmenu.style.left = 10 mainmenu.style.visibility = 'visible' mainmenu.filters.alpha.opacity = 0 for(a=1;a<num_sub_menus+1;a++){ eval("m"+a+"_menu").style.zoom='100%' eval("m"+a+"_menu").style.left = 120 eval("m"+a+"_menu").style.visibility = 'hidden' eval("m"+a+"_menu").filters.alpha.opacity = 0 } } } // this function defines the sub menus height, width etc function set_scrollers() { Cmax = menuItems.offsetHeight if(subMenu.offsetHeight>Cmin) { subMenu.height = Cmin scrollDn.style.display='block' scrollUp.style.display='block' if(pos[clipper[1]]==null){pos[clipper[1]]=scrollUp.offsetHeight+2} if(clipperT[clipper[1]]==null){clipperT[clipper[1]]=0;} if(clipperB[clipper[1]]==null){clipperB[clipper[1]]=subMenu.offsetHeight-47;} menuItems.style.top=pos[clipper[1]] menuItems.style.clip = 'rect('+clipperT[clipper[1]]+' 1000 '+clipperB[clipper[1]]+' 0)' min = subMenu.offsetTop-item.offsetHeight } } // this function controls the scrolling of the sub menu function sub_scroll(dir) { if(dir=='up' && clipperT[clipper[1]] > 0) { pos[clipper[1]] += speed clipperT[clipper[1]]-=speed clipperB[clipper[1]]-=speed menuItems.style.top = pos[clipper[1]] menuItems.style.clip = 'rect('+clipperT[clipper[1]]+' 1000 '+clipperB[clipper[1]]+' 0)' t2=setTimeout("sub_scroll('"+dir+"')",50) } if(dir=='dn' && clipperB[clipper[1]] < Cmax) { pos[clipper[1]] -= speed clipperT[clipper[1]]+=speed clipperB[clipper[1]]+=speed menuItems.style.top = pos[clipper[1]] menuItems.style.clip = 'rect('+clipperT[clipper[1]]+' 1000 '+clipperB[clipper[1]]+' 0)' t2=setTimeout("sub_scroll('"+dir+"')",50) } if(dir!='up'&&dir!='dn') { clearTimeout(t2) } } // this function defines the actions for the mouse over event on any element function mover() { elType=event.srcElement.type if(elType=='itemParent') { what=event.srcElement.id sub=what+"_menu" subMenu=document.getElementById(sub) sub=what+"_items" menuItems=document.getElementById(sub) sub=what+"_scrUp" scrollUp=document.getElementById(sub) sub=what+"_scrDn" scrollDn=document.getElementById(sub) subMenu.height = menuItems.offsetHeight+2 subMenu.width = menuItems.offsetWidth+8 clipper=what.split("m") set_scrollers() } if(event.srcElement.className=='m_stat'&&event.srcElement.type!='ignore'){event.srcElement.className='m_over'} if(event.srcElement.className=='scrollBar'){event.srcElement.className='scrollBar2'} } // this function defines the actions for the mouse out event on any element function mout() { if(event.srcElement.className=='m_over'&&event.srcElement.type!='ignore'){event.srcElement.className='m_stat'} for(a=1;a<num_sub_menus+1;a++) { if(userMenuStyle=='slide')if(eval("m"+a+"_menu").offsetLeft>0){eval("m"+a).className='m_over'} if(userMenuStyle=='zoom')if(parseInt(eval("m"+a+"_menu").style.zoom)==100){eval("m"+a).className='m_over'} if(userMenuStyle=='fade')if(eval("m"+a+"_menu").filters.alpha.opacity==100){eval("m"+a).className='m_over'} } if(event.srcElement.className=='scrollBar2'){event.srcElement.className='scrollBar'} } // this function routes according to chosen action function menuStyle(what,step,maxMenuLeft,minMenuLeft,percent) { if(menuAction.style.visibility=='visible'){menuAction.style.visibility='hidden'} if(userMenuStyle=="slide"){slider(what,step,maxMenuLeft,minMenuLeft)} if(userMenuStyle=="zoom"){zoomer(what,percent,step)} if(userMenuStyle=="fade"){fader(what,step)} } // slide action function slider(what,step,maxMenuLeft,minMenuLeft) { if(eval(what).offsetLeft<0){slideOut(what,step,maxMenuLeft,minMenuLeft)}else{slideIn(what,step,maxMenuLeft,minMenuLeft)} hidesubs() } // slide menu out function slideOut(what,step,maxMenuLeft,minMenuLeft) { if(eval(what).offsetLeft<maxMenuLeft) { tmp = eval(what).offsetLeft+step if(tmp>maxMenuLeft)tmp=maxMenuLeft eval(what).style.left = tmp+1 setTimeout("slideOut('"+what+"',"+step+","+maxMenuLeft+","+minMenuLeft+")",10) } if(what!='mainmenu') { mname=what.split("_menu") eval(mname[0]).className='m_over' } } // slide menu in function slideIn(what,step,maxMenuLeft,minMenuLeft) { if(eval(what).offsetLeft>minMenuLeft) { tmp = eval(what).offsetLeft-step eval(what).style.left = tmp-1 setTimeout("slideIn('"+what+"',"+step+","+maxMenuLeft+","+minMenuLeft+")",10) } } // zoom action function zoomer(what,percent,step) { hidesubs() if(parseInt(eval(what).style.zoom)>1){zoomOut(what,percent,step)}else{eval(what).style.visibility='visible';zoomIn(what,percent,step)} } // zoom menu in function zoomIn(what,percent,step) { if(parseInt(eval(what).style.zoom)<percent){ tmp = parseInt(eval(what).style.zoom)+step if(tmp>100)tmp=100 eval(what).style.zoom = tmp+'%' setTimeout("zoomIn('"+what+"',"+percent+","+step+")",1) } if(what!='mainmenu') { mname=what.split("_menu") eval(mname[0]).className='m_over' } } // zoom menu out function zoomOut(what,percent,step) { if(parseInt(eval(what).style.zoom)>1){ tmp = parseInt(eval(what).style.zoom)-step if(tmp<1)tmp=1 eval(what).style.zoom = tmp+'%' setTimeout("zoomOut('"+what+"',"+percent+","+step+")",1) } else{ eval(what).style.visibility='hidden' } } // fade action function fader(what,step) { hidesubs() opac=eval(what).filters.alpha.opacity if(opac>0){fadeOut(what,step)}else{eval(what).style.visibility='visible';fadeIn(what,step)} } var opac=0 // fade menu in function fadeIn(what,step) { mObj = document.getElementById(what) if(opac<100){ opac+=10 if(opac>100)opac=100 mObj.filters.alpha.opacity = opac setTimeout("fadeIn('"+what+"',"+step+")",10) } if(what!='mainmenu') { mname=what.split("_menu") eval(mname[0]).className='m_over' } } // fade menu out function fadeOut(what,step) { mObj = document.getElementById(what) if(opac>0){ opac-=10 if(opac<0)opac=0 mObj.filters.alpha.opacity = opac setTimeout("fadeOut('"+what+"',"+step+")",10) }else{ mObj.style.visibility='hidden' } } // this function removes all submenus from view function hidesubs() { for(a=1;a<num_sub_menus+1;a++) { eval("m"+a).className='m_stat' if(userMenuStyle=="slide"){if(eval("m"+a+"_menu").offsetLeft>0){slideIn('m'+a+'_menu',15,80,-250)}} if(userMenuStyle=="zoom"){if(parseInt(eval("m"+a+"_menu").style.zoom)>1){zoomOut("m"+a+"_menu",1,15)}} if(userMenuStyle=="fade"){if(eval("m"+a+"_menu").style.visibility=='visible'){eval("m"+a+"_menu").filters.alpha.opacity=0;eval("m"+a+"_menu").style.visibility='hidden'}} } } // this menu activates when a menu item is clicked function clicked(val){ //alert(val) //document.location=val window.open(val,'','') menuStyle('mainmenu',10,10,-100,100) } document.onmouseover = mover document.onmouseout = mout //--> </script> </head> <body> <span class="menu" onclick="menuStyle('mainmenu',10,10,-250,100)" type="ignore" style="position:absolute;top:40;left:10;background:#B4B4B4;cursor:hand;color:#000000;" title="Main Menu"> M e n u </span> <span id="menu_toggle" class="menu" style="position:absolute;top:40;left:55;height:12;width:10;background:#B4B4B4;cursor:hand;color:#000000;" title="Select Menu Style" onclick="selectMenuStyle()">+</span> <table id="menuAction" class="menu" style="position:absolute;top:55;left:55;height:12;width:10;background:#B4B4B4;color:#000000;visibility:hidden;z-index:200;"> <tr><td class="m_stat" style="cursor:hand;" onclick="toggleMenuStyle('slide')">Slide</td></tr> <tr><td class="m_stat" style="cursor:hand;" onclick="toggleMenuStyle('zoom')">Zoom</td></tr> <tr><td class="m_stat" style="cursor:hand;" onclick="toggleMenuStyle('fade')">Fade</td></tr> </table> <table id="mainmenu" class="menu" style="top:62;left:-250;"> <tr> <td id="gradv" rowspan="12" class="gradV" align="center"><font face="comic sans ms">M a i n M e n u</font></td> <td id="m1" class="m_stat" type="itemParent" onclick="menuStyle('m1_menu',15,120,-250,100)" title="">Widgets<span class="m_arrow">4</span></td></tr> <tr><td id="m2" class="m_stat" type="itemParent" onclick="menuStyle('m2_menu',15,120,-250,100)" title="Useful links">Links<span class="m_arrow">4</span></td></tr> <tr><td id="m3" class="m_stat" type="itemParent" onclick="menuStyle('m3_menu',15,120,-250,100)" title="Light humour">Extras<span class="m_arrow">4</span></td></tr> <tr><td id="m4" class="m_stat" type="itemParent" onclick="menuStyle('m4_menu',15,120,-250,100)" title="Help pages">Tutorials<span class="m_arrow">4</span></td></tr> <tr><td id="m5" class="m_stat" type="itemParent" onclick="menuStyle('m5_menu',15,120,-250,100)" title="Sites I've contributed to.">Contributions <span class="m_arrow">4</span></td></tr> <tr><td class="m_stat" type="ignore"><hr></td></tr> <tr><td class="m_stat" type="item" onclick="clicked('editor.html')" title="Feature rich online HTML editor.">HTML Editor</td></tr> <tr><td class="m_stat" type="item" onclick="clicked('http://pub50.ezboard.com/fallsorts67292frm1')" title="Open forum.">Forum</td></tr> <tr><td class="m_stat" type="item" onclick="clicked('mail.html')">E-mail</td></tr> <tr><td class="m_stat" type="item" onclick="alert('pwhitrow@hotmail.com');clicked()" title="pwhitrow@hotmail.com">MSN</td></tr> <tr><td class="m_stat" type="item" onclick="javascript:window.external.AddFavorite('http://www.pwhitrow.com','-= P.Whitrow - DHTML & Javascript Widgets =-');clicked()">Bookmark</td></tr> </table> <table id="m1_menu" class="sub_menu" style="position:absolute;top:62;left:-250;"> <tr><td id="m1_scrDn" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('up')" onmouseup="sub_scroll('')">5</td></tr> <tr><td> <table id="m1_items" style="position:absolute;top:0;" type="sub_item"> <tr><td class="m_stat" type="sub_item" onclick="clicked('text_typer.html')" title="Powerful text ticker."> Text Typer </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('pic_text.html')" title="Fancy text with pictures."> Pic Text </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('splash.html')" title="Example of a site entry screen."> Splash Screen </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('color_pallet.html')" title="Full Color Pallet with RGB Scrollbars"> Full Color Pallet </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('spotlight.html')" title="Inspired by a Dan Pupius script.."> Spotlight </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('counters.html')" title="Free versatile Hit Counters for your site."> Hit Counters </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('cool_links.html')" title="Dynamic links for your website."> Cool Links </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('js_lightning.html')" title="Create realistic lightning. Includes strike event."> Lightning </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('js_lightning2.html')" title="Constrain the lightning to a defined area."> Lightning 2 </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('js_lightning3.html')" title="Combine the lightning with a draggable object."> Lightning 3 </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('drag_and_drop.html')" title="Drag ANY absolutely position object with this easy script."> Drag 'n' Drop </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('object_collision.html')" title="Detect and act on the collision of two objects in your page."> Simple Object Collision Detection </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('multi_object_collision.html')" title="Detect and act on multiple object collisions."> Multiple Object Collision Detection </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('resizable_wins.html')" title="Mimic REAL windows in your web page."> Draggable/Resizable Windows </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('javascript_windows_menu.html')" title="In love with Microsoft..?"> Fake Windows Operating Sysytem </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('hierarchy_menu.html')" title="Create a Windows Explorer style menu."> Hierarchy Menu (Single Level) </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('outlook_menu.html')" title="The much adored Outlook style menu system."> Outlook Menu </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('msdn_menu.html')" title="Scrollable sub menu system, just like MSDN"> MSDN Style Menu </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('slidedown_menu.html')" title="Dynamic sliding menu system."> Slide Down Menu </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('context_menu.html')" title="Create custom menus for the right mouse button."> Context Menu </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('scroller.html')" title="Automatically scrolling news box."> News Scroller (Auto) </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('scroller2.html')" title="Manually scrolling news box"> News Scroller (Manual) </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('button_bar.html')" title="Add windows style buttons to your website."> Button Bar </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('folders.html')" title="Add tabbed folders to your website."> Tabbed Folders </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('matrix_code.html')" title="The MATRIX has you....."> Matrix Code Emulator </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('matrix2.html')" title="The MATRIX has you.....again ?"> Matrix Code Emulator 2 </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('matrix_banner.html')" title="Matrix style text banner"> Matrix Banner </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('custom_scrollbar.html')" title="Simple, attractive scrollbar to add to your website."> Custom Scrollbar </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('easy_sliders.html')" title="Simple but powerful slidebars to add to your website."> Easy Slidebars </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('easy_colorsliders.html')" title="Demonstrates use of Simple Slidebars script."> Color Selector </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('named_colors.html')" title="Choose a system defined color."> Named Color Picker </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('vu_meter.html')" title="Reminder of those old Hi-Fi displays."> VU LED Meter </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('naked_windows.html')" title="Get rid of those annoying borders and boxes in Internet Explorer and create your own."> Naked Popup Window </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('path_animation.html')" title="Create simple animation paths with this script."> Path Animation Tool </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('drag_shortcut_to_desktop.html')" title="How to create a desktop shortcut from a webpage."> Create Desktop Shortcut </td></tr> </table> </td></tr> <tr><td id="m1_scrUp" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('dn')" onmouseup="sub_scroll('')">6</td></tr> </table> <table id="m2_menu" class="sub_menu" style="position:absolute;top:78;left:-250;"> <tr><td id="m2_scrDn" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('up')" onmouseup="sub_scroll('')">5</td></tr> <tr><td> <table id="m2_items" style="position:absolute;top:0;" type="sub_item"> <tr><td class="m_stat" type="sub_item"> [x] - Link Exchanged </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp')" title="The best place to learn about DHTML."> Microsoft DHTML Documentation </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://developer.irt.org/script/script.htm')" title="VERY useful Javascript Q/A site."> IRT.ORG (Javascript FAQ) </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://website.lineone.net/~kurt.grigg/javascript/')" title="Cracking stuff by Kurt Grigg."> Kurt's Original DHTML </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.stedy.com')" title="Great website that mimmicks windows."> Stedy Software and Systems [X]</td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://chrispoole.com')" title="Very nice DHTML (plus other) website."> Chrispoole.com [X]</td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.xs4all.nl/~peterned/')" title="Cool DHTML API."> Peterned [X]</td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://dhtmlsource.topcities.com')" title="Great potential."> DHTMLsource [X]</td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.simu.f2s.com')" title="DHTML by Simu K鋝er, a young man with a bright future."> simushome.com [X]</td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.bratta.com/')" title="Thomas Brattli's website. Full of useful scripts and demos."> Bratta.com </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.dhtmlcentral.com/forums/active.asp?m=26')" title="DHTML Forum."> DHTML Central Forum </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.ozones.com/')" title="Great site full of cool stuff."> OZONE Asylum </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.ozoneasylum.com/cgi-bin/Ultimate.cgi?action=intro&BypassCookie=true')" title="Exellent forum."> OZONE Asylum Forum </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://webfx.eae.net/')" title="Awesome. This is a must visit."> WebFX </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://webfx.eae.net/webboard/')" title="Q/A for the serious."> WebFX Forum </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.pupius.net/')" title="Experimental DHTML by Dan Pupius."> Pupius.net </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.developer-x.com')" title="Tim Scarfs fantastic looking website."> Developer-x.com </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.javascript-fx.com/home.html')" title="Great site full of great scripts."> Javascript FX </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.dynamicdrive.com')" title="Everyone's favorite."> Dynamicdrive.com </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://javascriptsource.com')" title="A class Javascript site."> JavaScript Source </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.dhtmlshock.com/default.asp')" title="A useful DHTML site."> Dhtmlshock.com </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.screamdesign.com/xdev/sl/')" title="As the name suggests, a library FULL of Javascripts."> Script Library </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://javascript.about.com/compute/javascript/')" title="A good allrounder."> Focus on Javascript </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.javascripts.com')" title="Massive submitted Javascripts site."> Javascripts.com </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.codebrain.com/javascript/index.html')" title="Useful site full of interesting stuff."> CodeBrain.com </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('mailto:paul@locutusconsult.demon.co.uk?subject=Suggested Link')" title="Click to mail a suggested link to me. Include a description please. If the site is your own, a link to this site in return would be appreciated."> Submit a link </td></tr> </table> </td></tr> <tr><td id="m2_scrUp" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('dn')" onmouseup="sub_scroll('')">6</td></tr> </table> <table id="m3_menu" class="sub_menu" style="position:absolute;top:96;left:-250;"> <tr><td id="m3_scrDn" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('up')" onmouseup="sub_scroll('')">5</td></tr> <tr><td> <table id="m3_items" style="position:absolute;top:0;" type="sub_item"> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.stickdeath.com')" title="More fun than you can shake a stick at."> Stick Death </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('insanity.html')" title="Real Life Insanity Test (or not!)"> Insanity Test </td></tr> <tr><td class="m_stat" type="sub_item" onclick="clicked('pooh.html')" title="Winnie the Pooh has a very bad day...I Love this !!!"> Pooh Goes Apeshit </td></tr> </table> </td></tr> <tr><td id="m3_scrUp" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('dn')" onmouseup="sub_scroll('')">6</td></tr> </table> <table id="m4_menu" class="sub_menu" style="position:absolute;top:112;left:-250;"> <tr><td id="m4_scrDn" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('up')" onmouseup="sub_scroll('')">5</td></tr> <tr><td> <table id="m4_items" style="position:absolute;top:0;" type="sub_item"> <tr><td class="m_stat" type="sub_item" onclick="clicked('cookies.html')" title="More than just chocolate chips..."> Cookies </td></tr> </table> </td></tr> <tr><td id="m4_scrUp" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('dn')" onmouseup="sub_scroll('')">6</td></tr> </table> <table id="m5_menu" class="sub_menu" style="position:absolute;top:129;left:-250;"> <tr><td id="m5_scrDn" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('up')" onmouseup="sub_scroll('')">5</td></tr> <tr><td> <table id="m5_items" style="position:absolute;top:0;" type="sub_item"> <tr><td class="m_stat" type="sub_item" onclick="clicked('http://www.travellers-club.co.uk/pages/mainmenu.asp')" title="A must visit for all globe trotters."> Travellers Club </td></tr> </table> </td></tr> <tr><td id="m5_scrUp" class="scrollBar" type="scroller" align="center" style="display:none;" onmousedown="sub_scroll('dn')" onmouseup="sub_scroll('')">6</td></tr> </table> <br> <center> <span style="font-family:ms sans serif;font-size:25;z-index:0;"><u>Multi Menu</u> <br><br> <font size="2" face="ms sans serif"> <ul> <li>Easy to configure. <li>Easy to change characteristics. <li>Click the '+' symbol to change the menu style. <li>Click 'Menu' to begin. </ul> </font> <br><br> <a href="javascript:void(0)" onclick="window.location='view-source:'+window.location.href" onclick="this.blur()">View Source</a><br><br><br> </center> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
