Computer Webmaster Gaming Console Graphics Forum

Welcome to the Computer Webmaster Gaming Console Graphics Forum forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.

MK PitStop Main Earn $25 Earn Money Posting Extras Members Blogs Image Hosting User Pages
Go Back   Computer Webmaster Gaming Console Graphics Forum > Webmaster Forum > Website Coding > JavaScript
Reload this Page Nice menu with java script
Register FAQ/Rules Become A V.I.P. Member Search Today's Posts Mark Forums Read

JavaScript JavaScript are you needing help with functions in your script, free help is offered here for all JavaScript problems so if you have an JavaScript error in your code just ask.

Google
Reply
 
LinkBack Thread Tools Display Modes
Old 07-14-2008, 10:22 AM   #1
ssdtsaks
MK PitStop Member
 
ssdtsaks's Avatar
 
Join Date: Jul 2008
Posts: 72
My Photos: (3)
iTrader: (0)

Banked:
MK Cash: $11.00

I am Worth:
MK Cash: $0.10
Donate

Recent Blog: None

ssdtsaks can only hope to improve
Default Nice menu with java script
permalink
A nice perfect menu which made with JavaScript you can put it on your page and have a menu with the colors that you want

Here is the code in this textbox

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula -->
<!-- START OF Watermark Navigation Menu DHTML --><!-- START OF Watermark Navigation Menu DHTML -->


<!-- SUMMARY BRIEF

This DHTML script will make a navigation menu
that will follow your screen as you scroll,
kind of like the old Geocities™ watermark.

Look through the code for comments that will
tell you where to change the code to configure
it how you want in order to display the links
that you want.

-->


<!-- Put this code inside of your <HEAD> tag. -->


<STYLE TYPE="text/css">
<!--

.menuheader {
BORDER-COLOR : #000000 ;
cursor : hand ;
Border-Left : #000000 ;
Border-Top : #000000 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #000000 ;
}

.menu {
Background-Color : white ;
}

.home {
cursor : hand ;
}

.menulinks {
text-decoration:none;
}

//-->
</STYLE>


<!-- 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. -->


<SCRIPT Language="Javascript1.2">
<!--

///////////////////////////////////////////////////////////////
// Change the width and placement of the menu on the page below.
///////////////////////////////////////////////////////////////

var menuwidth=110
var offsetleft=10
var offsettop=10

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+of fsettop}
else if (ns6) {document.getElementById("object1").style.top=wind ow.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+'">')}

///////////////////////////////////////////////////////////////
// Change the name of the menu (the text at the top) below.
// You can also shange the font face, size and border colors.
///////////////////////////////////////////////////////////////

if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>')

var menui = new Array();
var menul = new Array();

///////////////////////////////////////////////////////////////
// Edit menus listing here. You can make as many as you need,
// just make sure that the numbers go up in order correctly.
// The "menui" variables are the actual link text that will
// show up in the menu. The "menul" variables are the URLs
// that match the text displayed there.
///////////////////////////////////////////////////////////////

menui[0]="CoffeeCup Software";
menui[1]="CoffeeCup HTML Editor";
menui[2]="CoffeeCup Help Site";
menui[3]="CoffeeCup Site Map";
menui[4]="Other CoffeeCup Products";
menui[5]="Bob & Larry\'s Free Stuff";
menui[6]="About CoffeeCup Software";
menui[7]="Bluedomino Webhosting";

menul[0]="http://www.webloger.5u.com";
menul[1]="http://www.webloger.5u.com";
menul[2]="http://www.webloger.5u.com";
menul[3]="http://www.webloger.5u.com";
menul[4]="http://www.webloger.5u.com";
menul[5]="http://www.webloger.5u.com";
menul[6]="http://www.webloger.5u.com";
menul[7]="http://www.webloger.5u.com";

for (i=0;i<=menui.length-1;i++)

///////////////////////////////////////////////////////////////
// You can change table cell background colors below.
// Just change the color names to whatever you want,
// but do NOT change any other code.
///////////////////////////////////////////////////////////////

if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+me nui[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>


<!-- END OF Watermark Navigation Menu DHTML -->


<!-- SUMMARY BRIEF

This DHTML script will make a navigation menu
that will follow your screen as you scroll,
kind of like the old Geocities™ watermark.

Look through the code for comments that will
tell you where to change the code to configure
it how you want in order to display the links
that you want.

-->


<!-- Put this code inside of your <HEAD> tag. -->


<STYLE TYPE="text/css">
<!--

.menuheader {
BORDER-COLOR : #000000 ;
cursor : hand ;
Border-Left : #000000 ;
Border-Top : #000000 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #000000 ;
}

.menu {
Background-Color : white ;
}

.home {
cursor : hand ;
}

.menulinks {
text-decoration:none;
}

//-->
</STYLE>


<!-- 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. -->


<SCRIPT Language="Javascript1.2">
<!--

///////////////////////////////////////////////////////////////
// Change the width and placement of the menu on the page below.
///////////////////////////////////////////////////////////////

var menuwidth=110
var offsetleft=10
var offsettop=10

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+of fsettop}
else if (ns6) {document.getElementById("object1").style.top=wind ow.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+'">')}

///////////////////////////////////////////////////////////////
// Change the name of the menu (the text at the top) below.
// You can also shange the font face, size and border colors.
///////////////////////////////////////////////////////////////

if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Navigation</FONT></TD></TR>')

var menui = new Array();
var menul = new Array();

///////////////////////////////////////////////////////////////
// Edit menus listing here. You can make as many as you need,
// just make sure that the numbers go up in order correctly.
// The "menui" variables are the actual link text that will
// show up in the menu. The "menul" variables are the URLs
// that match the text displayed there.
///////////////////////////////////////////////////////////////

menui[0]="CoffeeCup Software";
menui[1]="CoffeeCup HTML Editor";
menui[2]="CoffeeCup Help Site";
menui[3]="CoffeeCup Site Map";
menui[4]="Other CoffeeCup Products";
menui[5]="Bob & Larry\'s Free Stuff";
menui[6]="About CoffeeCup Software";
menui[7]="Bluedomino Webhosting";

menul[0]="http://www.javakhafan.9f.com";
menul[1]="http://www.javakhafan.9f.com";
menul[2]="http://www.javakhafan.9f.com";
menul[3]="http://www.javakhafan.9f.com";
menul[4]="http://www.javakhafan.9f.com";
menul[5]="http://www.javakhafan.9f.com";
menul[6]="http://www.javakhafan.9f.com";
menul[7]="http://www.javakhafan.9f.com";

for (i=0;i<=menui.length-1;i++)

///////////////////////////////////////////////////////////////
// You can change table cell background colors below.
// Just change the color names to whatever you want,
// but do NOT change any other code.
///////////////////////////////////////////////////////////////

if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+me nui[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>


<!-- END OF Watermark Navigation Menu DHTML -->
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
__________________
INTERNATIONAL OFFERS - EARN 1$
ssdtsaks is offline  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit!
Reply With Quote
Featured Websites
Free Space
Free Space
Free Space Free Space
Reply

« Set background color (User control) | Go to top of page »


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Where is this menu located? thekl0wn Community Chat 4 11-05-2007 6:52 AM
Nice... For example: John Smith Windows 1 05-28-2007 11:49 PM
cvs: pear /HTML_Menu Menu.php MenuBrowser.php package.xml package2.xml /HTML_Menu/Menu ArrayRenderer.php DirectRenderer.php DirectTreeRenderer.php Renderer.php SigmaRenderer.php SigmaTreeRenderer.php /HTML_Menu/examples directtree.php sigma.php sig Alexey Borzov Pear 0 05-20-2007 6:42 PM
Dig Free or Cheap PHP, JAVA, ASP Script... tigergb Website Coding 4 05-01-2007 12:10 PM
Menu using javascript Poster JavaScript 1 06-07-2006 10:04 AM


Featured Websites




All times are GMT +1. The time now is 5:37 AM.

Contact Us - Computer, Gaming, Console, Webmaster and Graphics - Archive - Privacy Statement - Top

Powered by: vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO 3.0.0
Cheap Computers
MK PitStop Copyright 2005 - 2008

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98