Full version: jsB@nk » Menu » Cheesehead Enterprises Slide Out Menu
URL: https://www.javascriptbank.com/cheesehead-enterprises-slide-out-menu.html
The code creates a JavaScript menu on your web page, this JavaScript menu background color has been changed when visitors move mouse over it.
Full version: jsB@nk » Menu » Cheesehead Enterprises Slide Out Menu
URL: https://www.javascriptbank.com/cheesehead-enterprises-slide-out-menu.html
<STYLE>A {COLOR: darkblue; TEXT-DECORATION: none}A:hover {COLOR: lime; LETTER-SPACING: 0.1em; BACKGROUND-COLOR: darkblue}UNKNOWN {FONT-SIZE: 12px; FONT-FAMILY: arial}UNKNOWN {border:2px solid lime; PADDING-RIGHT: 0px; LEFT: -153px; BACKGROUND-IMAGE: url('blue_green.gif'); MARGIN-LEFT: 0px; WIDTH: 180px; CURSOR: hand; POSITION: absolute; TOP: 25px; BACKGROUND-COLOR: lime; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial}UNKNOWN {LINE-HEIGHT: 18px; TEXT-ALIGN: center}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript1.2> if (document.all)document.write("<DIV ID='slidemenubar2' STYLE='left:-153' onMouseover='pull()' onMouseout='draw()'>") </SCRIPT> <LAYER id=slidemenubar onmouseover=pull() onmouseout=draw()></P> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Home</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Links</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Favorites</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>JavaScripts</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Funstuff</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Gallery</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Hot Rod Gallery</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Airplanes</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Art Gallery</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Jokes</A></P></DIV> <DIV id=menu align=center><A href="http://JavaScriptBank.com/"> <P>Quotes</A> </P></DIV></LAYER> <P></P> <P> <SCRIPT language=JavaScript1.2> function generator() { window.location.reload() } function generator2() { if (document.layers) setTimeout("window.onresize=generator", 400) } window.onload = generator2 if (document.all) { document.write("</DIV>") themenu = document.all.slidemenubar2.style rightboundary = 0 leftboundary= -153 } else { themenu = document.layers.slidemenubar; rightboundary = 153; leftboundary = 10; } function pull() { if (window.drawMenu) clearInterval(drawMenu) pullMenu = setInterval("pullEngine()",20) } function draw() { clearInterval(pullMenu) drawMenu = setInterval("drawEngine()",20) } function pullEngine() { if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullMenu) clearInterval(pullMenu) } function drawEngine() { if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawMenu) clearInterval(drawMenu) } </SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->