CodeThatMenu Using New Features Example

CodeThatMenu Using New Features Example

var MenuDef = {
	"type"	 : "dropdown",
	"style"	 : {
		"css" : "test2",
		"bgcolor" : "#619DF5",
		"box"	 : false,
		"size"	 : [120, 16],
		"itemoffset" : {
			"y" : 5, "x" : 5
		},
		"align" : "right",
		"color" : "white",
		"border" : {
			"color" : "#003882", "width" : 1
		},
		"shadow" : {
			"color" : "gray", "width" : 3,
			opacity : 20
		},
		"imgendon" : {
			"src" : "img/arr_down2.gif",
			"width" : 16, "height" : 16
		},
		"imgendoff" : {
			"src" : "img/arr_right2.gif",
			"width" : 16, "height" : 16
		}
	},
	"itemover" : {
		"css" : "test2", "bgcolor" : "#CCCCCC",
		"align" : "right", "color" : "black"
	},
	"position" : {
		"absolute" : false, "pos" : [30, 20],
		valign : "top"
	},
	"defaction" : {
		"title" : "This is an action title"
	},
	"items" : [
	{
		"text" : "Box Example",
		"menu" : {
			"items"	 : [
			{
				"text" : "Item1",
				"menu" : {
					"items"	 : [
					{
						"text" : "Item1",
						"style" : {
							"imgitemend" : {
								src : "img/lock.gif",
								width : 16, height : 16
							}
						}
					},
					{
						"text" : "Item2"
					},
					{
						"text" : "Item3"
					},
					{
						"text" : "Item4"
					},
					{
						"text" : "Item5"
					} ]
				}
			},
			{
				"text" : "Item2",
				"style" : {
					"imgitemend" : {
						src : "img/list.gif",
						width : 16, height : 16
					}
				}
			},
			{
				"text" : "Item3",
				"style" : {
					"imgitemend" : {
						src : "img/tree.gif",
						width : 16, height : 16
					}
				}
			} ]
		}
	} ]
};