Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Trình đơn di chuyển theo thanh trượt
URL: https://www.javascriptbank.com/static-navigation-menu.html
Hiệu ứng tạo một trình đơn nằm ở phía bên trái trang web với các thông số có thể được sửa đổi dễ dàng, có các tùy chọn được tô sáng mỗi khi người dùng rê chuột đến, đồng thời trình đơn luôn di chuyển theo các thanh trượt của trang web.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Trình đơn di chuyển theo thanh trượt
URL: https://www.javascriptbank.com/static-navigation-menu.html
<STYLE TYPE="text/css"><!--.menuh{BORDER-COLOR : #FFFF99 ;cursor : hand ;Border-Left : #FFFF99 ;Border-Top : #FFFF99 ;Padding-Left : 1px ;Padding-Top : 1px ;Background-Color : #FFFF99 ;}.menu{Background-Color : white ;}.home{cursor : hand ;}.menulinks{text-decoration:none;}//--></STYLE><SCRIPT Language="Javascript1.2"><!--/*Static menu script (By maXimus, [email protected], http://maximus.ravecore.com/)*///configure below variable for menu width, position on pagevar menuwidth=110var offsetleft=10var offsettop=90var ns4=document.layers?1:0var ie4=document.all?1:0var ns6=document.getElementById&&!document.all?1:0function makeStatic() {if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}setTimeout("makeStatic()",0);}if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}if (ie4||ns6||ns4)document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')var menui = new Array();var menul = new Array();//configure below for menu items. Extend list as desiredmenui[0]="JavaScriptBank.com";menui[1]="Link item #";menui[2]="Link item #";menui[3]="Link item #";menui[4]="Link item #";menul[0]="http://JavaScriptBank.com";menul[1]="http://JavaScriptBank.com";menul[2]="http://JavaScriptBank.com";menul[3]="http://JavaScriptBank.com";menul[4]="http://JavaScriptBank.com";for (i=0;i<=menui.length-1;i++)if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=''+menul[i]+''" onmouseover="className='menuh'" onMouseout="className='menu'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor='yellow'" onmouseout="bgColor='white'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}if (ie4||ns6) {document.write('</TABLE></span>')}else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}function menu3(){if (ns6||ie4||ns4)makeStatic()}window.onload=menu3//--></SCRIPT>