Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Thanh menu trượt
URL: https://www.javascriptbank.com/xmenu4-1-x-floater-bar.html
Đoạn mã tạo một trình đơn luôn ở đầu/ cuối website đồng thời luôn di chuyển theo thanh cuộn của trang web. Với đoạn mã JavaScript này, bạn có thể chọn cách thức hiển thị của thanh trình đơn.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Thanh menu trượt
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