»
EnglishFrenchVietnamese

Print - Bottom Menu Scroller - JavaScriptBank.com

Full version: jsB@nk » Menu » Floatable » Bottom Menu Scroller
URL: http://www.javascriptbank.com/bottom-menu-scroller.html

Bottom Menu Scroller © JavaScriptBank.comBottom Menu Scroller is a JavaScript menu that positions itself at the bottom of your page when you scroll. Controls to Show/Hide as Well. CROSS-BROWSER (IE 5+, Netscape 7+, Mozilla 1.2+, Opera 7+).

Full version: jsB@nk » Menu » Floatable » Bottom Menu Scroller
URL: http://www.javascriptbank.com/bottom-menu-scroller.html



CSS
<STYLE type=text/css>BODY SPAN#control A {COLOR: #00ff00}BODY SPAN#smenu {BACKGROUND-COLOR: black; BORDER-BOTTOM: gray 5px groove; BORDER-LEFT: gray 5px groove; BORDER-RIGHT: gray 5px groove; BORDER-TOP: gray 5px groove; COLOR: #fff; HEIGHT: 20px; LEFT: 0px; POSITION: absolute; WIDTH: 103%}BODY SPAN#smenu A {COLOR: #00ff00}BODY SPAN#smenu A:hover {BACKGROUND-COLOR: darkblue}BODY SPAN#smenu A:visited {COLOR: #00ff00}BODY SPAN#smenu B.Mock-Divider {VISIBILITY: hidden}</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><!--// -  Bottom Menu Scroller - Cross-Browservar obj=new Object();////////////////////////////////////////////////////////////////////////////////////////obj={ T:300, // - Timer smenu:"", HT:"", HeightOfMenu:30, // - Approximate Height of Menu (body span#smenu) obj:function() {   this.smenu=document.getElementById('smenu'); this.HT=document.body.clientHeight-this.HeightOfMenu; }}////////////////////////////////////////////////////////////////////////////////////////obj.scroller=function(){ obj.smenu.style.top=(navigator.appName=="Netscape")?window.pageYOffset+obj.HT:document.getElementsByTagName('body').item(0).scrollTop+obj.HT; setTimeout("obj.scroller();",obj.T);} ////////////////////////////////////////////////////////////////////////////////////////window.onload=main;function main(){// - By RHUCKO1 with(obj) {   obj(); scroller(); }}//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<SPAN id=control><A onclick="obj.smenu.style.display='none'">Hide Menu</A><A onclick="obj.smenu.style.display='block'">Show Menu</A> </SPAN><SPAN id=smenu><B class=Mock-Divider>__</B> <A href="http://javascriptbank.com">Home</A> <B class=Mock-Divider>__</B> <A href="http://javascriptbank.com/background-javascript.html">Background</A> <B class=Mock-Divider>__</B>  </SPAN><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->