9 Nice Useful JavaScript and Ajax Navigation Tree Menus

A good navigation menu will help users access necessary information quickly and easily. And with the eye-catching look, it will increase the performance. This article introduces to you 9 tree view navigation menus, the information is displayed in a hierarchical order, and you can apply AJAX for these menus.

Sampled by © JavaScriptBank.com

The navigation interface is one of the most important part of any application. Correctly designed, it lets users find the information they need, easily and quickly.

With a tree menu control, also called tree view, the information is displayed in a hierarchical order, with the home topic at the top and the subordinated items underneath. Beginner users like to use a tree of folders because it is easy to learn; experienced users like it because it is efficient in the number of clicks involved.

  1. Gaia-Ajax-TreeView

    Gaia Ajax Tree View is a Ajax based TreeView Control . which very easy to use and flexible. You can use static items and dynamic items. Static items are rendered as HTML output on the page and dynamic items are retrieved on-demand.

    Features :

    • Drag and drop
    • Statically created items - Visible for search engines and spiders .
    • Dynamically created items
    • Complex child controls
    • Easy to skin - Builds from ul and il elements, follows standard HTML conventions
    • Icons per item - Easily add up your own icons for your Tree View Items
    • Lightweight JavaScript file.
    • Accessibility
    • 100% XHTML compliant
    • 100% WYSIWYG - Use from Visual Studio in 100% WYSIWYG environment

  2. CooljsTree

    CooljsTree is a JavaScript based Tree Menu which offer expand/collapse unlimited levels of the tree without reload. The script does not require FRAME or IFRAME tag for work. You can easily configure the tree Via.. CSS and setup individual items parameters in the JavaScript configuration file.

    All major browsers like; Internet Explorer 4.01 and higher (yes, IE 7 also) , Firefox 1.0 and higher , Netscape Navigator 4.08 and higher , Netscape Navigator 6.0 and higher , Mozilla 0.9 and higher , Opera 5.02 and higher , Safari 1.2 and higher , AOL 4 and higher are supported to CooljsTree.

  3. CheckTree W3C DOM based Tree Menu

    CheckTree is a W3C DOM based Tree Menu which offer Hierarchial / Multilevel trees . You can easily customise your tree data via.. CSS which controls tree appearance. Its an Object-orientated code for create Check list tree systems. CheckTree is a Cross-browser compatibility with IE5+, NS6+, Opera7+, Safari, and similar.

  4. Simple-Tree-Menu

    Simple Tree Menu is a originally created by Dynamic Drive.com . Its an unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree Menu.

    • Plug and play script that turns a UL list into a tree menu, with any sub lists collapsed by default.
    • Ability to specify that certain sublists be expanded by default, by giving that LI element a rel="open" attribute.
    • Simple CSS defines the look of the tree, such as the folder and list images to be used.

  5. AJAX powered DHTML JavaScript Tree component

    dhtmlxTree (DHTML extensions Tree) is a JavaScript tree menu that allows you to effortlessly create attractive and fast-loading hierarchical interfaces with cross-browser compatibility, AJAX support, in-line node editing, and drag-n-drop capabilities. Rich client-side API provides complete control over the tree appearance and behaviour.

  1. Tigra-Tree-Menu

    Tigra Tree Menu is a free light weighted JavaScript DHTML navigation system for web sites and web applications. Tigra Tree Menu is look like exactly as Microsoft Windows Tree Control . It offer expand/collapse unlimited levels of the tree on single page all independently configurable.


    • object oriented JavaScript implementation for those who want to learn DHTML programming
    • simple configuration file structure, easy to generate dynamically from database
    • Easily add up your own icons for your Tree View Items .
    • highly optimized code guarantees incredible performance
    • best choice for site maps, online documentation and intranet applications
    • can be used either inline or with frames

  2. Animated jQuery Tree Menu

    Animated Tree Menu based on jQuery created by Myles Angell .

  3. Html Jump Menu Vista Style 1

  4. XP Style Red Individual Style Vertical Expanding Menu 

Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
How to open a car sharing service
Vue developer as a vital part of every software team
Vue.js developers: hire them, use them and get ahead of the competition
3 Reasons Why Java is so Popular
Migrate to Angular: why and how you should do it
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website
How To Create A Successful Prototype For Your PCB

Top view articles
Adding JavaScript to WordPress Effectively with JavaScript Localization feature
Top 10 Beautiful Christmas Countdown Timers
65 Free JavaScript Photo Gallery Solutions
16 Free Code Syntax Highlighters by Javascript For Better Programming
Top 10 Best JavaScript eBooks that Beginners should Learn
Best Free Linux Web Programming Editors
Top 50 Most Addictive and Popular Facebook mini games
More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites
Top 10 Free Web Chat box Plug-ins and Add-ons
The Ultimate JavaScript Tutorial in Web Design

Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com