Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Menu trượt ở phía dưới trang web
URL: https://www.javascriptbank.com/bottom-menu-scroller.html
Đoạn mã này tạo ra một trình đơn nằm ở dưới trang web và luôn di chuyển theo các thanh trượt, đồng thời bạn có thể ẩn hoặc hiện trình đơn này một cách dễ dàng thông qua các liên kết Show/Hide Menu.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Menu trượt ở phía dưới trang web
URL: https://www.javascriptbank.com/bottom-menu-scroller.html
<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-->
<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-->
<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-->