But here is a link to a page with a navigation bar installed on it.
The effect is the navigation bar that is loading its contents from other html pages when you click on the tab.
The elements creating this effect in the html is as follows.
Include in your header to include the stylesheet and jquery elements.
Include in your header to activate the jquery tabs effect
HTML code for the tabs
<div id="tabs"> <l> <li><a href="content_elements/contact.html" title="contact"><span>contact</span></a></li> <li><a href="content_elements/blog.html" title="blog"><span>blog</span></a></li> <li><a href="content_elements/register.html" title="register"><span>register</span></a></li> </ul> </div>
Note when you actually click on the links above jquery loads the external page under the tab. This can allow you to build navigation menus that do not require the page to be load just the single element that is changing.
There is of course a ton of different ways to do the same thing but this one was pretty quick and hardly any code..