The JavaScript Codes is an excellent JavaScript resource with tons of "cut and paste" JavaScript examples for your Web pages. All for free!
<!-- this script got from http://free-javascript-codes.blogspot.com/ --><br /><!-- START OF Watermark Navigation Menu DHTML --><!-- START OF Watermark Navigation Menu DHTML --><br /><br /><br /><!-- SUMMARY BRIEF<br /><br /> This DHTML script will make a navigation menu<br /> that will follow your screen as you scroll,<br /> kind of like the old Geocities™ watermark.<br /><br /> Look through the code for comments that will<br /> tell you where to change the code to configure<br /> it how you want in order to display the links<br /> that you want.<br /><br />--><br /><br /><br /><!-- Put this code inside of your <HEAD> tag. --><br /><br /><br /><STYLE TYPE="text/css"><br /><!--<br /><br />.menuheader {<br /> BORDER-COLOR : #000000 ;<br /> cursor : hand ;<br /> Border-Left : #000000 ;<br /> Border-Top : #000000 ;<br /> Padding-Left : 1px ;<br /> Padding-Top : 1px ;<br /> Background-Color : #000000 ;<br />}<br /><br />.menu {<br /> Background-Color : white ;<br />}<br /><br />.home {<br /> cursor : hand ;<br />}<br /><br />.menulinks {<br /> text-decoration:none;<br />}<br /><br />//--><br /></STYLE><br /><br /><br /><!-- Put this code inside of your <BODY> tag on your page, but OUTSIDE of any other tags. This can NOT be inside of any other tags on your page. --><br /><br /><br /><SCRIPT Language="Javascript1.2"><br /><!--<br /><br />///////////////////////////////////////////////////////////////<br />// Change the width and placement of the menu on the page below.<br />///////////////////////////////////////////////////////////////<br /><br />var menuwidth=110<br />var offsetleft=10<br />var offsettop=10<br /><br />var ns4=document.layers?1:0<br />var ie4=document.all?1:0<br />var ns6=document.getElementById&&!document.all?1:0<br /><br />function makeStatic() {<br />if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}<br />else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}<br />else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}<br />setTimeout("makeStatic()",0);<br />}<br /><br />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">')}<br />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+'">')}<br /><br />///////////////////////////////////////////////////////////////<br />// Change the name of the menu (the text at the top) below.<br />// You can also shange the font face, size and border colors.<br />///////////////////////////////////////////////////////////////<br /><br />if (ie4||ns6||ns4)<br />document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>')<br /><br />var menui = new Array();<br />var menul = new Array();<br /><br />///////////////////////////////////////////////////////////////<br />// Edit menus listing here. You can make as many as you need,<br />// just make sure that the numbers go up in order correctly.<br />// The "menui" variables are the actual link text that will<br />// show up in the menu. The "menul" variables are the URLs<br />// that match the text displayed there.<br />///////////////////////////////////////////////////////////////<br /><br />menui[0]="CoffeeCup Software";<br />menui[1]="CoffeeCup HTML Editor";<br />menui[2]="CoffeeCup Help Site";<br />menui[3]="CoffeeCup Site Map";<br />menui[4]="Other CoffeeCup Products";<br />menui[5]="Bob & Larry\'s Free Stuff";<br />menui[6]="About CoffeeCup Software";<br />menui[7]="Bluedomino Webhosting";<br /><br />menul[0]="http://www.webloger.5u.com";<br />menul[1]="http://www.webloger.5u.com";<br />menul[2]="http://www.webloger.5u.com";<br />menul[3]="http://www.webloger.5u.com";<br />menul[4]="http://www.webloger.5u.com";<br />menul[5]="http://www.webloger.5u.com";<br />menul[6]="http://www.webloger.5u.com";<br />menul[7]="http://www.webloger.5u.com";<br /><br />for (i=0;i<=menui.length-1;i++)<br /><br />///////////////////////////////////////////////////////////////<br />// You can change table cell background colors below.<br />// Just change the color names to whatever you want,<br />// but do NOT change any other code.<br />///////////////////////////////////////////////////////////////<br /><br />if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}<br />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>')}<br /><br />if (ie4||ns6) {document.write('</TABLE></span>')}<br />else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}<br /><br />function menu3(){<br />if (ns6||ie4||ns4)<br />makeStatic()<br />}<br /><br />window.onload=menu3<br /><br />//--><br /></SCRIPT><br /><br /><br /><!-- END OF Watermark Navigation Menu DHTML --><br /><br /><br /><!-- SUMMARY BRIEF<br /><br /> This DHTML script will make a navigation menu<br /> that will follow your screen as you scroll,<br /> kind of like the old Geocities™ watermark.<br /><br /> Look through the code for comments that will<br /> tell you where to change the code to configure<br /> it how you want in order to display the links<br /> that you want.<br /><br />--><br /><br /><br /><!-- Put this code inside of your <HEAD> tag. --><br /><br /><br /><STYLE TYPE="text/css"><br /><!--<br /><br />.menuheader {<br /> BORDER-COLOR : #000000 ;<br /> cursor : hand ;<br /> Border-Left : #000000 ;<br /> Border-Top : #000000 ;<br /> Padding-Left : 1px ;<br /> Padding-Top : 1px ;<br /> Background-Color : #000000 ;<br />}<br /><br />.menu {<br /> Background-Color : white ;<br />}<br /><br />.home {<br /> cursor : hand ;<br />}<br /><br />.menulinks {<br /> text-decoration:none;<br />}<br /><br />//--><br /></STYLE><br /><br /><br /><!-- Put this code inside of your <BODY> tag on your page, but OUTSIDE of any other tags. This can NOT be inside of any other tags on your page. --><br /><br /><br /><SCRIPT Language="Javascript1.2"><br /><!--<br /><br />///////////////////////////////////////////////////////////////<br />// Change the width and placement of the menu on the page below.<br />///////////////////////////////////////////////////////////////<br /><br />var menuwidth=110<br />var offsetleft=10<br />var offsettop=10<br /><br />var ns4=document.layers?1:0<br />var ie4=document.all?1:0<br />var ns6=document.getElementById&&!document.all?1:0<br /><br />function makeStatic() {<br />if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}<br />else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}<br />else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}<br />setTimeout("makeStatic()",0);<br />}<br /><br />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">')}<br />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+'">')}<br /><br />///////////////////////////////////////////////////////////////<br />// Change the name of the menu (the text at the top) below.<br />// You can also shange the font face, size and border colors.<br />///////////////////////////////////////////////////////////////<br /><br />if (ie4||ns6||ns4)<br />document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>')<br /><br />var menui = new Array();<br />var menul = new Array();<br /><br />///////////////////////////////////////////////////////////////<br />// Edit menus listing here. You can make as many as you need,<br />// just make sure that the numbers go up in order correctly.<br />// The "menui" variables are the actual link text that will<br />// show up in the menu. The "menul" variables are the URLs<br />// that match the text displayed there.<br />///////////////////////////////////////////////////////////////<br /><br />menui[0]="CoffeeCup Software";<br />menui[1]="CoffeeCup HTML Editor";<br />menui[2]="CoffeeCup Help Site";<br />menui[3]="CoffeeCup Site Map";<br />menui[4]="Other CoffeeCup Products";<br />menui[5]="Bob & Larry\'s Free Stuff";<br />menui[6]="About CoffeeCup Software";<br />menui[7]="Bluedomino Webhosting";<br /><br />menul[0]="http://www.javakhafan.9f.com";<br />menul[1]="http://www.javakhafan.9f.com";<br />menul[2]="http://www.javakhafan.9f.com";<br />menul[3]="http://www.javakhafan.9f.com";<br />menul[4]="http://www.javakhafan.9f.com";<br />menul[5]="http://www.javakhafan.9f.com";<br />menul[6]="http://www.javakhafan.9f.com";<br />menul[7]="http://www.javakhafan.9f.com";<br /><br />for (i=0;i<=menui.length-1;i++)<br /><br />///////////////////////////////////////////////////////////////<br />// You can change table cell background colors below.<br />// Just change the color names to whatever you want,<br />// but do NOT change any other code.<br />///////////////////////////////////////////////////////////////<br /><br />if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}<br />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>')}<br /><br />if (ie4||ns6) {document.write('</TABLE></span>')}<br />else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}<br /><br />function menu3(){<br />if (ns6||ie4||ns4)<br />makeStatic()<br />}<br /><br />window.onload=menu3<br /><br />//--><br /></SCRIPT><br /><br /><br /><!-- END OF Watermark Navigation Menu DHTML --><br /><font face="Tahoma"><a target="_blank" href="http://free-javascript-codes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Codes</span></a></font>
Main Page What is JavaScript How to implement JS codes? What is HTML? HTML Codes
