jsFiddle

• Run again
• Edit this fiddle

• JavaScript
• Resources
• HTML
• CSS
• Result

function menuToolbar() {
    /* a set of grouped menu items */
    var justifyLeft = new Jx.Menu.Item({
        label: {set:'Examples',key:'menu',value:'left'},
        toggle: true,
        imageClass: 'format-justify-left',
        image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'
    });
    var justifyCenter = new Jx.Menu.Item({
        label: {set:'Examples',key:'menu',value:'center'},
        toggle: true,
        imageClass: 'format-justify-center',
        image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'
    });
    var justifyRight = new Jx.Menu.Item({
        label: {set:'Examples',key:'menu',value:'right'},
        toggle: true,
        imageClass: 'format-justify-right',
        image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'
    });
    var justifyFill = new Jx.Menu.Item({
        label: {set:'Examples',key:'menu',value:'fill'},
        toggle: true,
        imageClass: 'format-justify-fill',
        image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'
    });
    new Jx.ButtonSet().add(
        justifyLeft, justifyCenter, justifyRight, justifyFill
    );
    
    /* menus in toolbars work pretty much the same way as menu
     * buttons
     */
    new Jx.Toolbar({parent: 'toolbarMenu'}).add(
        new Jx.Menu({label: {set:'Examples',key:'menu',value:'file'}}).add([
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'new'},
                imageClass: 'file-new',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'open'},
                imageClass: 'file-open',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'save'},
                imageClass: 'file-save',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'saveAs'},
                imageClass: 'file-save-as',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Separator(),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'print'},
                imageClass: 'file-print',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'printPreview'},
                imageClass: 'file-print-preview',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Separator(),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'properties'},
                imageClass: 'file-properties',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'})]
        ),
        new Jx.Menu({label: {set:'Examples',key:'menu',value:'edit'}}).add([
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'undo'},
                imageClass: 'edit-undo',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png',
                enabled: false}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'redo'},
                imageClass: 'edit-redo',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png',
                enabled: false}),
            new Jx.Menu.Separator(),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'cut'},
                imageClass: 'edit-cut',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'copy'},
                imageClass: 'edit-copy',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'paste'},
                imageClass: 'edit-paste',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'})]
        ),
        new Jx.Menu({label: {set:'Examples',key:'menu',value:'format'}}).add([
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'intendMore'},
                toggle: true,
                imageClass: 'format-indent-more',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png',}),
            new Jx.Menu.Item({
                label: {set:'Examples',key:'menu',value:'intendLess'},
                toggle: true,
                imageClass: 'format-indent-less',
                image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
            new Jx.Menu.SubMenu({label: {set:'Examples',key:'menu',value:'font'}}).add([
                new Jx.Menu.Item({
                    label: {set:'Examples',key:'menu',value:'bold'},
                    toggle: true,
                    imageClass: 'format-text-bold',
                    image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
                new Jx.Menu.Item({
                    label: {set:'Examples',key:'menu',value:'italic'},
                    toggle: true,
                    imageClass: 'format-text-italic',
                    image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
                new Jx.Menu.Item({
                    label: {set:'Examples',key:'menu',value:'strikethrough'},
                    toggle: true,
                    imageClass: 'format-text-strikethrough',
                    image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'}),
                new Jx.Menu.Item({
                    label: {set:'Examples',key:'menu',value:'underline'},
                    toggle: true,
                    imageClass: 'format-text-underline',
                    image: 'http://jxlib.org/reference/3.1.1/examples/images/file-edit-menu.png'})]
            ), 
            new Jx.Menu.SubMenu({label:{set:'Examples',key:'menu',value:'align'}}).add([
                justifyLeft, 
                justifyCenter, 
                justifyRight, 
                justifyFill]
            )]
        )
    );
}

menuToolbar();

<div id="toolbarMenu" class="toolbarBox"></div>