CodeThatXPBar - Opacity 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 }, "opacity" : 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", "opacity" : 80 }, "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", "opacity" : 80 }, "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", "opacity" : 80 }, "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>" } ] } } ] };