CodeThatMenu HTML Code as Items' Text Example
![]()
function openWin(win_width, win_height)
{
var newwin = window.open('', '', 'copyhistory=0, directories=0, location=0, \
menubar=0, scrollbars=yes, status=0, toolbar=0, \
width=' + win_width + ', height=' + win_height + ', resizable=yes');
newwin.moveTo(100, 100);
}
var MenuDef = {
"style" : {
"type" : "bar",
"align" : "center",
"color" : "#D8FEFF",
"size" : [42, 60],
"border" : {
"color" : "#000000", "width" : 1
},
"imgspace" : 0,
"itemoffset" : {
"x" : 0, "y" : 0
},
"direction" : "h"
},
"itemover" : {
"border" : {
"color" : "#DE7E0D", "width" : 1
},
"color" : "#DE7E0D"
},
"position" : {
"absolute" : true, "pos" : [10, 10]
},
"items" : [
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/search.gif"></TD></TR>'
+ '<TR><TD align=center valign=middle><p class="center">Search'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"border" : {
"color" : "#DCEAF0", "width" : 1
}
}
},
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/package.gif"></TD></TR>'
+ '<TR><TD align=center valign=middle><p class="center">Tools'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"border" : {
"color" : "#D5E7EF", "width" : 1
}
}
},
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/people.gif"></TD></TR>'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"border" : {
"color" : "#CAE3ED", "width" : 1
}
}
},
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/money.gif"></TD></TR>'
+ '<TR><TD align=center valign=middle><p class="center">Money'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"border" : {
"color" : "#BFDFEC", "width" : 1
}
}
},
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/music.gif"></TD></TR>'
+ '<TR><TD align=center valign=middle><p class="center">Music'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"border" : {
"color" : "#B3DBEA", "width" : 1
}
}
},
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/mail.gif"></TD></TR>'
+ '<TR><TD align=center valign=middle><p class="center">Mail'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"border" : {
"color" : "#A9D7E8", "width" : 1
}
}
},
{
"text" : '<table align=center cellspacing="0" cellpadding="0" border="0" width=100%>'
+ '<TR><TD align=center><img src="img/logo.gif"></TD></TR>'
+ '</TD></TR></TABLE>',
"action" : {
"js" : "openWin(60, 60);return false"
},
"style" : {
"align" : "center",
"form" : true,
"size" : [176, 60],
"border" : {
"color" : "#A5D5E8", "width" : 1
}
},
"styleover" : {
"border" : {
"color" : "#A5D5E8", "width" : 1
}
}
} ]
};
|