»
EnglishFrenchVietnamese

Print - Dynamic Press Menu - JavaScriptBank.com

Full version: jsB@nk » Menu » Floatable » Dynamic Press Menu
URL: https://www.javascriptbank.com/dynamic-press-menu.html

Dynamic Press Menu © JavaScriptBank.comDynamic Press Menu - A CROSS-BROWSER Dynamic HTML (DHTML) Nav Menu - A Button Always stays in the Upper Left Hand Corner (when JavaScript menu is not visible), Click it and a Menu Appears. A Nice Script to add to your site.

Full version: jsB@nk » Menu » Floatable » Dynamic Press Menu
URL: https://www.javascriptbank.com/dynamic-press-menu.html



CSS
<STYLE media=screen type=text/css>/*BODY {BACKGROUND-COLOR: black; COLOR: #fff}*/BODY SPAN#button {BACKGROUND-COLOR: darkgreen; BORDER-BOTTOM: #00ff00 2px outset; BORDER-LEFT: #00ff00 2px outset; BORDER-RIGHT: #00ff00 2px outset; BORDER-TOP: #00ff00 2px outset; CURSOR: hand; HEIGHT: 60px; POSITION: relative; WIDTH: 50px; Z-INDEX: 1}BODY SPAN#menu {BACKGROUND-COLOR: darkblue; BORDER-BOTTOM: #00ff00 2px outset; BORDER-LEFT: #00ff00 2px outset; BORDER-RIGHT: #00ff00 2px outset; BORDER-TOP: #00ff00 2px outset; HEIGHT: 250px; POSITION: relative; VISIBILITY: hidden; WIDTH: 400px; Z-INDEX: 1}BODY SPAN#menu A {BACKGROUND-COLOR: transparent; COLOR: #00ff00}BODY SPAN#menu A:hover {BACKGROUND-COLOR: #00ff00; COLOR: #000}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript><!--var IDsArray=new Array();IDsArray=["button","menu"];window.onload=Page_Load;function Page_Load(){  loadCursor();  loadMenu();}function loadCursor(){//  document.getElementById('cursor').style.top=(navigator.appName=="Netscape")?-80:-200;}function loadMenu(){ for(var x=0;x<IDsArray.length;x++)  document.getElementById(IDsArray[x]).style.top=(navigator.appName=="Netscape")?window.pageYOffset:document.body.scrollTop;setTimeout("loadMenu();",10);}//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<!-- BUTTON --><DIV><SPAN id=button onclick="document.getElementById('menu').style.visibility='visible';this.style.visibility='hidden';" onmousedown="this.style.border='2 inset';" onmouseup="this.style.border='2 outset';"><CENTER>Press for Menu</CENTER></SPAN></DIV><!-- End BUTTON --><!-- MENU --><CENTER><DIV><SPAN id=menu><BR>Select an Option Below . . .<BR><BR><A href="http://JavaScriptBank.com">Link One</A> <A href="http://JavaScriptBank.com">Link Two</A> <A href="http://JavaScriptBank.com">Link Three</A> <A href="http://JavaScriptBank.com">Link Four</A> <A href="http://JavaScriptBank.com">Link Five</A> <BR><BR><BR><A href="http://JavaScriptBank.com" onclick="document.getElementById('button').style.visibility='visible';document.getElementById('menu').style.visibility='hidden'" onmouseout="this.style.backgroundColor='darkred';this.style.color='lightyellow'" onmouseover="this.style.color='#fff';this.style.backgroundColor='rgb(255,0,0)';" style="BACKGROUND-COLOR: darkred; COLOR: lightyellow; FONT-WEIGHT: bold">Close Menu</A> </SPAN></DIV><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->