Full version: jsB@nk » Menu » Floatable » X Floater Bar
URL: https://www.javascriptbank.com/xmenu4-1-x-floater-bar.html
This is another variation on the floater JavaScript menu technique. With this JavaScript, you have the option of making it float at the top or bottom of the window.
Full version: jsB@nk » Menu » Floatable » X Floater Bar
URL: https://www.javascriptbank.com/xmenu4-1-x-floater-bar.html
<link rel="stylesheet" type="text/css" href="v3.css"><style type="text/css">.menu { position:absolute; overflow:hidden; background:#963; margin:0; padding:2px 0 2px 4px;}.btn { text-decoration:underline; cursor:pointer;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script type="text/javascript">window.onload = function(){ if (window.winOnLoad) window.winOnLoad();}</script><script src="x_core.js"></script><script src="x_event.js"></script><script src="x_slide.js"></script><script type="text/javascript">var slideTime = 700;var floatAtBottom = true;function winOnLoad(){ winOnResize(); // set initial position xAddEventListener(window, 'resize', winOnResize, false); xAddEventListener(window, 'scroll', winOnScroll, false);}function winOnResize() { xWidth('menu1', xClientWidth()); winOnScroll(); // initial slide}function winOnScroll() { var y = xScrollTop(); if (floatAtBottom) { y += xClientHeight() - xHeight('menu1'); } xSlideTo('menu1', 0, y, slideTime);}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id="menu1" class="menu" style="width: 995px; left: 0px; top: 547px;"><a href="http://JavaScriptBank.com/">menuitem</a> | <a href="http://JavaScriptBank.com/">menuitem</a> | <a href="http://JavaScriptBank.com/">menuitem</a> | <a href="http://JavaScriptBank.com/">menuitem</a></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/menu/xmenu4_1/v3.csshttp://javascriptbank.com/javascript/menu/xmenu4_1/x_core.jshttp://javascriptbank.com/javascript/menu/xmenu4_1/x_event.jshttp://javascriptbank.com/javascript/menu/xmenu4_1/x_slide.js