//cc.LabelTTF + cc.MenuItemLabel
var text1 = new cc.LabelTTF( 'cc.LabelTTF + cc.MenuItemLabel', 'Arial', 30 );
var bnt1 = new cc.MenuItemLabel(text1, function () {cc.log("Menu is clicked!");} );
bnt1.attr({ x : 400, y : 900 });
//cc.LabelBMFont + cc.MenuItemLabel
var text2 = new cc.LabelBMFont( "cc.LabelBMFont + cc.MenuItemLabel", "res/font.fnt" );
text2.setColor(cc.color(200,200,150));
var bnt2 = new cc.MenuItemLabel( text2, function () {cc.log("Menu is clicked!");} );
bnt2.attr({ x : 400, y : 800 });
//cc.MenuItemFont
var bnt3 = new cc.MenuItemFont( "cc.MenuItemFont", function () {cc.log("Menu is clicked!");} );
bnt3.setColor(cc.color(255,0,0));
bnt3.attr({ x : 400, y : 700 });
//cc.MenuItemImage
var bnt4 = new cc.MenuItemImage( 'res/normal.png', 'res/click.png', function () {
cc.log("Menu is clicked!");
}, this );
bnt4.attr({ x : 400, y : 600 });
//cc.MenuItemSprite
var s_normal = new cc.Sprite( 'res/normal.png' ); //正常状态下的图片
var s_click = new cc.Sprite( 'res/click.png' ); //点击状态下的图片
var s_enable = new cc.Sprite( 'res/enable.png' ); //按钮不能点击时的图片 (只有调用setEnabled方法才会显示此图片)
var bnt5 = new cc.MenuItemSprite( s_normal, s_click, s_enable, function() {
cc.log(555);
}, this );
bnt5.attr({ x : 400, y : 500 });
bnt5.setEnabled(false);
//最后创建一个menu对象,把按钮都添加进去即可
var menu = new cc.Menu(bnt1, bnt2, bnt3, bnt4, bnt5);
menu.x = 0;
menu.y = 0;
this.addChild(menu);
运行效果 :