CodeThat.com

CodeThatXPBar - Bullet Images Example

var BarDef = {
	"style"	 : {
		"css"	 : "bartitle",
		"align" : "center",
		"bgcolor" : "#6C86DC",
		"size"	 : [160, 25],
		"shadow" : {
			"color" : "#C0C0C0", "width" : 1
		},
		"border" : {
			"color" : "#000000", "width" : 1
		},
		"imgspace" : 5,
		"imgendon" : {
			"src" : "img/arr_down.gif",
			"width" : 24, "height" : 24
		},
		"imgendoff" : {
			"src" : "img/arr_up.gif",
			"width" : 24, "height" : 24
		},
		"itemoffset" : {
			"x" : 5, "y" : 10
		},
		"fixheight" : 200,
		"scroller" : {
			"height" : 25, "bgimg" : "", "color" : "#ffffff",
			"up" : "img/scroller_up.gif",
			"down" : "img/scroller_down.gif",
			"step" : 5, "time" : 30, "len" : 60
		}
	},
	"itemover" : {
		"css" : "bartitle",
		"size"	 : [160, 25],
		"imgendon" : {
			"src" : "img/arr_down_over.gif",
			"width" : 24, "height" : 24
		},
		"imgendoff" : {
			"src" : "img/arr_up_over.gif",
			"width" : 24, "height" : 24
		},
		"bgimg" : "img/title_bg_big.gif"
	},
	"itemon" : {
		"bgcolor" : "#265BCC", "color" : "#ffffff"
	},
	"position" : {
		"absolute" : true, "pos" : [10, 10]
	},
	"items" : [
	{
		"text" : "Folders",
		"style" : {
			"align" : "center",
			"bgimg" : "img/title_bg_big.gif"
		},
		"menu" : {
			"style" : {
				"size" : [150, 22],
				"bgcolor" : "#D6DFF7",
				"border" : {
					"color" : "#ffffff", "width" : 1
				},
				"bgimg" : "",
				"itemoffset" : {
					"x" : 5, "y" : 2
				}
			},
			"itemover" : {
				"imgendon" : { },
				"imgendoff" : { },
				"bgimg" : "",
				"size" : [150, 22]
			},
			"items"	 : [
			{
				"text" : "Search",
				"style" :
				{
					"imgitem" : {
						"src" : "img/folder_search.gif",
						"width" : 16, "height" : 16
					}
				}
			},
			{
				"text" : "Options",
				"style" :
				{
					"imgitem" : {
						"src" : "img/folder_options.gif",
						"width" : 16, "height" : 16
					}
				}
			},
			{
				"text" : "Download",
				"style" :
				{
					"imgitem" : {
						"src" : "img/folder_download.gif",
						"width" : 16, "height" : 16
					}
				}
			} ]
		}
	},
	{
		"text" : "Other Places",
		"style" : {
			"align" : "center",
			"bgimg" : "img/title_bg_big.gif"
		},
		"menu" : {
			"style" : {
				"size" : [150, 22],
				"bgcolor" : "#D6DFF7",
				"border" : {
					"color" : "#ffffff", "width" : 1
				},
				"bgimg" : "",
				"itemoffset" : {
					"x" : 5, "y" : 2
				}
			},
			"itemover" : {
				"imgendon" : { },
				"imgendoff" : { },
				"bgimg" : "",
				"size" : [150, 22]
			},
			"items"	 : [
			{
				"text" : "My Computer",
				"style" :
				{
					"imgitem" : {
						"src" : "img/computer.gif",
						"width" : 16, "height" : 16
					}
				}
			},
			{
				"text" : "Printer",
				"style" :
				{
					"imgitem" : {
						"src" : "img/print.gif",
						"width" : 16, "height" : 16
					}
				}
			} ]
		}
	},
	{
		"text" : "Details",
		"style" : {
			"align" : "center",
			"bgimg" : "img/title_bg_big.gif"
		},
		"menu" : {
			"style" : {
				"size" : [150, 50],
				"bgcolor" : "#D6DFF7",
				"border" : {
					"color" : "#ffffff", "width" : 1
				},
				"bgimg" : "",
				"align" : "center",
				"itemoffset" : {
					"x" : 5, "y" : 1
				}
			},
			"itemover" : {
				"imgendon" : { },
				"imgendoff" : { },
				"bgimg" : ""
			},
			"items" : [
			{
				"text" : "<p><b>Copyright</b><br>
				<a href='http://www.codethat.com'>
				www.CodeThat.com</a>"
			} ]
		}
	} ]
};