Javascript Tree view and sitemap are good tools to display the structure of your website. I have collected 10 plugins and tutorials that will save your time hunting for one.
Author: kevin |
Source: queness
-
YUI TreeView Control | Demo

Personally, I think Yahoo UI is very robust, but it's can be too complicated for beginner to pick it up. However, it does come with a lot of useful control that we might have spend few hours or days to implement it.
-
Bassistance jQuery TreeView Plugin | Demo

Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.
-
jQuery File Tree | Demo

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.
-
jsTree | Demo

jsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin.
jsTree is absolutely free (licensed same as jQuery – under both GPL and MIT – whichever suits your needs).
-
Sitemap Styler | Demo

Sitemap Syler is a little CSS/JavaScript piece of code that can be easily applied to your sitemap list. It then takes care of it's presentation. All you have to do is include couple lines of code. It doesn't require any JavaScript knowledge but some CSS knowledge would come in handy if you want to modify the appearance of your sitemap.
-
mooTree | Demo

An open-source javascript tree-control for use with the MooTools javascript framework.
-
SimpleTree Plugin | Demo

jQuery SimpleTree Drag&Drop plugin is intended for displaying tree structures.
Tutorials
So, you want to learn how to make one for yourself? Check the following links out, I believe they can help you.
Thanks for your support. :)
Copyright & Usage
The effects and techniques demonstrated in tutorials on Queness can be used in whatever manner you wish without attribution. You cannot copy whole tutorials (unless permission is given), either in English or translated to another language.
Recent Comments