Phiên bản đầy đủ: jsB@nk » Trình đơn » Định hướng » Menu chớp sáng khi rê chuột
URL: https://www.javascriptbank.com/the-navigator.html
Hiệu ứng tạo một trình đơn nằm ngang với các mục chọn sẽ sáng lên khi người dùng rê con trỏ chuột đến.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Định hướng » Menu chớp sáng khi rê chuột
URL: https://www.javascriptbank.com/the-navigator.html
<script language="javascript">//By: Aaron Connelly//Email: [email protected]//The Background Colorvar bgColor="black"//The Text Color var textColor="silver"//The onMouseOver Background Colorvar onMouseOverbgColor="black"//The onMouseOver Text Colorvar onMouseOvertextColor="white"//Your Pages URL -- Your Sites addressvar YourPagesURL=""//Your own Message about the site. smallvar YourPagesName="THE BEST SITE ON THE WEB"//The Height of the Navigatorvar NavigatorHeight="10"//The Width of the Navigatorvar NavigatorWidth="690"//The Position of the Navigator from the left of the screenvar NavigatorLeft="0"//The Position of the Navigator from the top of the screenvar NavigatorTop="0"//If you don't like the line I have -- Just change it or take leave it blank - line=" " -var line=" *|* "//******** Place your navigational messages here *******var msg = new Array()msg[1]="Home Page"msg[2]="DHTML Page"msg[3]="Javascript Page"msg[4]="Guestbook"msg[5]="Next Page"msg[6]="Past Page"msg[7]="CGI Page"msg[8]="Free MUSIC!"function L(which){//******** Place your links here. BE sure to line them up correctly! *********var link = new Array()link[1]="http://JavaScriptBank.com"link[2]="http://JavaScriptBank.com"link[3]="http://JavaScriptBank.com"link[4]="http://JavaScriptBank.com"link[5]="http://JavaScriptBank.com"link[6]="http://JavaScriptBank.com"link[7]="http://JavaScriptBank.com"link[8]="http://JavaScriptBank.com"location.href=link[which]}//**********DON'T EDIT BELOW THIS LINE****************function navigate(){var spacer=" "var style="style='cursor:hand;'"var a="<div id='a'>"var b="<div id='b'>"var c="<div id='c'>"var d="<div id='d'>"var e="<div id='e'>"var f="<div id='f'>"var g="<div id='g'>"var h="<div id='h'>"var aE="</div>"var t1="<table border=0><tr><td onClick='L(1)' onMouseOver='ona()' onMouseOut='onOut()' " + style + ">"var t2="<td onClick='L(2)' onMouseOver='onb()' onMouseOut='onOut()' " + style + ">"var t3="<td onClick='L(3)' onMouseOver='onc()' onMouseOut='onOut()' " + style + ">"var t4="<td onClick='L(4)' onMouseOver='ond()' onMouseOut='onOut()' " + style + ">"var t5="<td onClick='L(5)' onMouseOver='one()' onMouseOut='onOut()' " + style + ">"var t6="<td onClick='L(6)' onMouseOver='onf()' onMouseOut='onOut()' " + style + ">"var t7="<td onClick='L(7)' onMouseOver='ong()' onMouseOut='onOut()' " + style + ">"var t8="<td onClick='L(8)' onMouseOver='onh()' onMouseOut='onOut()' " + style + ">"var tEnd="</td>"var tEnd2="</td></tr></table>"var naver=" - " + YourPagesURL + " , " + YourPagesName + " - "naver+=spacernaver+=t1 + a + msg[1] + line + aE + tEndnaver+=t2 + b + msg[2] + line + aE + tEndnaver+=t3 + c + msg[3] + line + aE + tEndnaver+=t4 + d + msg[4] + line + aE + tEndnaver+=t5 + e + msg[5] + line + aE + tEndnaver+=t6 + f + msg[6] + line + aE + tEndnaver+=t7 + g + msg[7] + line + aE + tEndnaver+=t8 + h + msg[8] + aE + tEndvar tablerN=naver//The Specail effects if you willdocument.all.navigator.style.height=NavigatorHeightdocument.all.navigator.style.width=NavigatorWidthdocument.all.navigator.style.backgroundColor=bgColordocument.all.navigator.style.color=textColordocument.all.topNav.innerHTML=tablerNdocument.all.topNav.style.fontWeight="bold"document.all.topNav.style.fontSize="14"document.all.navigator.style.pixelLeft=NavigatorLeftdocument.all.navigator.style.pixelTop=NavigatorTopdocument.all.a.style.backgroundColor=bgColordocument.all.a.style.color=textColordocument.all.a.style.fontWeight="bold"document.all.a.style.fontSize="13"document.all.b.style.backgroundColor=bgColordocument.all.b.style.color=textColordocument.all.b.style.fontWeight="bold"document.all.b.style.fontSize="13"document.all.c.style.backgroundColor=bgColordocument.all.c.style.color=textColordocument.all.c.style.fontWeight="bold"document.all.c.style.fontSize="13"document.all.d.style.backgroundColor=bgColordocument.all.d.style.color=textColordocument.all.d.style.fontWeight="bold"document.all.d.style.fontSize="13"document.all.e.style.backgroundColor=bgColordocument.all.e.style.color=textColordocument.all.e.style.fontWeight="bold"document.all.e.style.fontSize="13"document.all.f.style.backgroundColor=bgColordocument.all.f.style.color=textColordocument.all.f.style.fontWeight="bold"document.all.f.style.fontSize="13"document.all.g.style.backgroundColor=bgColordocument.all.g.style.color=textColordocument.all.g.style.fontWeight="bold"document.all.g.style.fontSize="13"document.all.h.style.backgroundColor=bgColordocument.all.h.style.color=textColordocument.all.h.style.fontWeight="bold"document.all.h.style.fontSize="13"}function homePage(){location.href=YourPagesURL}function ona(){document.all.a.style.backgroundColor=onMouseOverbgColordocument.all.a.style.color=onMouseOvertextColor}function onb(){document.all.b.style.backgroundColor=onMouseOverbgColordocument.all.b.style.color=onMouseOvertextColor}function onc(){document.all.c.style.backgroundColor=onMouseOverbgColordocument.all.c.style.color=onMouseOvertextColor}function ond(){document.all.d.style.backgroundColor=onMouseOverbgColordocument.all.d.style.color=onMouseOvertextColor}function one(){document.all.e.style.backgroundColor=onMouseOverbgColordocument.all.e.style.color=onMouseOvertextColor}function onf(){document.all.f.style.backgroundColor=onMouseOverbgColordocument.all.f.style.color=onMouseOvertextColor}function ong(){document.all.g.style.backgroundColor=onMouseOverbgColordocument.all.g.style.color=onMouseOvertextColor}function onh(){document.all.h.style.backgroundColor=onMouseOverbgColordocument.all.h.style.color=onMouseOvertextColor}function onOut(){document.all.a.style.backgroundColor=bgColordocument.all.a.style.color=textColordocument.all.b.style.backgroundColor=bgColordocument.all.b.style.color=textColordocument.all.c.style.backgroundColor=bgColordocument.all.c.style.color=textColordocument.all.d.style.backgroundColor=bgColordocument.all.d.style.color=textColordocument.all.e.style.backgroundColor=bgColordocument.all.e.style.color=textColordocument.all.f.style.backgroundColor=bgColordocument.all.f.style.color=textColordocument.all.g.style.backgroundColor=bgColordocument.all.g.style.color=textColordocument.all.h.style.backgroundColor=bgColordocument.all.h.style.color=textColor}window.onload=navigate</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id="navigator" style="position: absolute;"><div id="topNav"></div></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->