CodeThatTree - Borders and Shadow Example

var TreeDef = {
	"style" :
{
		"imgdir" : "img/homedis.gif",
		"imgdiropen" : "img/home.gif",
		"itemoffset" : {
			"x" : "5", "y" : "3"
		},
		"css" : "test1tree",
		"fixwidth" : 210,
		"fixheight" : 300,
		"color" : "#00008B",
		"size" : [200, 20],
		"bgimg" : "img/fon.gif"
},
	"styleover" :
{
		"bgcolor" : "#D3E5FA", "css" : "test1tree"
},
	"position" :
{
		"absolute" : false, "pos" : [10, 10]
},
	"items" :
	[
	{
		"text" : "Apartments for rent ",
		"style" :
		{
			"color" : "black",
			"border" : {
				"color" : "#003882", "width" : 1
			},
			"shadow" : {
				"color" : "gray", "width" : 2
			}
		},
		"menu" :
		{
			"style" :
			{
				"color" : "#00008B"
			},
			"styleover" :
			{
				"bgcolor" : "#D3E5FA",
				"css" : "test1tree"
			},
			"items" :
			[
			{
				"text" : "New residens",
				"style" :
				{
					"imgitem" : "img/newuser.gif"
				}
			},
			{
				"text" : "Moved residents",
				"style" :
				{
					"imgitem" : "img/deluser.gif"
				}
			},
			{
				"text" : "Change an apartment",
				"style" :
				{
					"imgitem" : "img/edituser.gif"
				}
			},
			{
				"text" : "Families",
				"style" :
				{
					"imgitem" : "img/family.gif"
				}
			} ]
		}
	} ]
}; 

© CodeThat.com, 2003-2008
Design by XTLabs, Inc.