|  Bookmark
This Page
|
Dropdown
Table Navigation Javascript.
Here's a great navigation javascript that you can configure for your page
submitted by thetubeman.
This javascript drops navigation bars down from the top of the screen
to a preset position on your page, then drops and builds others underneath
the first. Looks real cool and as it is mainly html code, loads quickly!
(Unfortunately this is not cross browser compatible and does not work
in older Netscape browsers.)
I have a mouseover look on the nav bars. To see how I achieved that see
the bottom explanation.
It is a 3 part script. The first part goes into the <head>
You can change the position where the first table of the dropdown begins,
by changing this line;
topdistance=100; (A smallernumber brings it closer to the top of your
page.)
You can also have as many drop menu items that you want but you must stipulate
the number in this line;
items=11;
Copy (ctrl+c) and paste (ctrl+v) this first part into the <head>
of your page. To select all, simple click inside the textbox and press
ctrl+a.
The second part of the script is the onload function and goes within the
<body> tag.
The final part of the script goes into the body of your html document.
Just add as many of these tables that you require but don't forget to
change the items number in the first line here; <div id=object1 to
object2, object3 etc.
You can add your own links, change the color of the table to suit your
site and even change the font style. Copy and paste this third part into
your html documents <body>. And as I said before, just add the same
code for every nav bar that you want to add to your page, making the desired
changes..
Finally, to get the mouseover look on the bars, add this
CSS code inside the <head>.
If you need help with this script, or any other on this site, don't hesitate
to give me an email. Always glad to help.
|
|
Website
Design
|
