Project goal

Display a new page by clicking on one of several links displayed across the top of the page. Each page will have the same links displayed. A link to the current page which will be disabled. The links should change color when moused over and fade out when moused out.

Note: Normally I would advocate using the much simpler standards based approach using CSS to affect visualization changes during mouse rollover of identified or classified <UL> and <LI> containing <A> tags. Google for CSS Nav Bar to find lots of examples. The color transition animation is the only reason to use this NavBar system.

The navigation bar at the top is the test of the script.

Download

• NavBar.js - The nav bar renderer
• NavBarLinks.js - The data for the Nav 1, 2, 3 bar.

---

Links for search engines

Some search engines don't do JavaScript. Here is a list of all the links for the search engines to follow:

• Project Goal
• Navigation Data
• Common HTML
• Dynamic Table
• Color Transitions
• Support Functions

---

Comments or questions ? Contact Richard A. DeVenezia