Lastest JavaScripts: Navigation

JavaScript Content Auto-Indexing using DOM

1297315271

On the web pages with a lot of text content such as technical documents, novels, text stories, reportages, etc; usually we have to create the bookrmarks (anchor links) manuallly. Now these time-consuming jobs like that will be not available if the web pages use this JavaScript code example; this JavaScript code makes it easy for people to jump to the section they want to read by making a table of contents using the h1 to h6 tags automatically. Now it's time to create content only for content publishers!

Semantic On-Page Content List

1239755824

This is another script, similar to Collapsible Navigation Menus to display/hide related content just by one click, of course just one data page, subject is open each time. However, design in this script is not better.

Collapsible Navigation Menus

1239669416

Toggle additional information through on click, that is feature of this JavaScript code. Just one collapsible div is opened each time, the previous one will be closed automatically. You can add unlimited information text select. Very excelent for F.A.Q.

XP Style Switch Navigation

1239669413

This code creates navigation menus with CSS stylesheet and operations are similar to Windows XP. Additionally, this code also uses cookie to store the state of the menus, and the fade effect is optional, you can turned it off. See also: Switch Menu script.

Dropdown Navigation Controller

1239583005

See the name, maybe you think that this JavaScript code have the complex source code and excellent features? If you are thinking like that, maybe author has disappointed you because this code is quite simple, but author give the name. This JavaScript creates a drop down control for your content on the page, such as navigation menu, menu vertical or a search form. The content link to drop down is simply hidden in a container and dynamically shown onClick or onMouseover. See also: Overlapping content link if you want.

Select Option Navigation Menu

1236904596

You can use this JavaScript code to create a drop-down navigation menu for links to other sites. Everytime visitors click for selecting, their browser will direct visitors to specific addresses in dropdown. A very tiny JavaScript effect but too efficient to the sites contain many things, need to save page-spaces.

Rollover Text - Hide and Show

1228091786

Use this JavaScript to provide tooltips, F.A.Qs, and other information. The tip is shown when the mouse rolls over the title. You can use any valid HTML element, even links.

Automatic Breadcrumbs

1205541329

This JavaScript will automatically build a "breadcrumb" navigational JavaScript link to any page on your Web site. This allows your visitors to see exactly where they are on your Web site at an given time. Very easy to implement.

Page Index

1198974905

This is an incredibly simple script. It pulls each H4 element and creates a clickable index to it. It stuffs the headings it finds in a division named indexDiv and if it didn't find any H4 tags it will even make the indexDiv invisible. You can also change it to use any other heading element.

Flip Menu (v 5.0)

1188261244

Flip Menu creates a collapsible menu tree out of an ordinary HTML list! It consists of just one external .js file, in which you specify settings such as whether to persistence the JavaScript menu state (using cookies), the images used to replace the default list bullets, and if any previously open branches should be closed when the current one is open. Very nice.