»
AnglaisFran�aisVietnamien

Imprimer - X Floater Bar - JavaScriptBank.com

Version compl�te: jsB@nk » Menu » Flottables » X Floater Bar
URL: https://www.javascriptbank.com/xmenu4-1-x-floater-bar.html

X Floater Bar © JavaScriptBank.comC'est une autre variation sur le flotteur JavaScript menu technique. Avec cette JavaScript, Vous avez la possibilité de le faire flotter en haut ou en bas de la fenêtre.

Version compl�te: jsB@nk » Menu » Flottables » X Floater Bar
URL: https://www.javascriptbank.com/xmenu4-1-x-floater-bar.html



CSS
<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-->


JavaScript
<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-->


HTML
<div id="menu1" class="menu" style="width: 995px; left: 0px; top: 547px;"><a href="http://JavaScriptBank.com/">menuitem</a> &nbsp;|&nbsp;<a href="http://JavaScriptBank.com/">menuitem</a> &nbsp;|&nbsp;<a href="http://JavaScriptBank.com/">menuitem</a> &nbsp;|&nbsp;<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-->


Files
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