| Sample: dhtmlxTree | Easy skinable design | dhtmlxTree main page |

dhtmlxTree is highly customizable JavaScript tree menu. Choose one of four tree designs to see how easily the tree appearance can be changed.

| Set design 1 Set design 2 Set design 3 Set design 4

    <div id="treeboxbox_tree" style="width:200;height:200"></div>
    <script>
                tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
                tree.setImagePath("../images/");
                tree.loadXML("tree.xml");

                    // enable/disable tree lines
                    tree.enableTreeLines(false);
                    // set plus images
                    tree.setImageArrays("plus","","","","open2.gif");
                    //set minus images
                    tree.setImageArrays("minus","","","","close2.gif");
                    //set default node images
                    tree.setStdImages("books.gif","books_open.gif","books_close.gif");</script>