AnimTree Tutorial

Setting up AnimTree is easy.

The easiest way to learn how to use AnimTree is to modify the HTML and CSS in the demos. All of the colors, borders, and fonts can be easily changed right in the CSS file. To change the behavior, modify the TreeParams object.

If you have not already done so, download the package and save a duplicate copy.

This tutorial is divided into sections:

1. Ingredients - what you need to make an AnimTree
2. HTML Structure- explains the structure that the demos use
3. The event handlers
4. Modifying the CSS
5. Modifying the TreeParams
6. PersistentTree Tutorial
7. Function Reference - Every function in AnimTree and what it does
8. Frequently Asked Questions

About the Sourcecode

The soucecode has been crunched up and is not easy for humans to read. Human readable source-code is available in the zip file.

If you downloaded this from another script site, please be aware that you have downloaded an unlicensed, outdated (and possibly buggy) version of the script.

Next in this tutorial: The Ingredients: Putting the HTML, CSS, and JavaScript into the HTML