<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxmenu.js"></script>
<script src="../../codebase/ext/dhtmlxmenu_ext.js"></script>
 
<table border="0" cellspacing="0" cellpadding="0">
<th>Web Mode</th>
<th>&nbsp;</th>
<th>Win Mode</th>
<tr>
    <td width="300"><div style="height: 250px;"><div id="menuWeb"></div></div></td>
    <td width="20">&nbsp;</td>
    <td width="300"><div style="height: 250px;"><div id="menuWin"></div></div></td>
</tr>
</table>
 
<br>
<script>
var menu1,
menu2;
function initMenu() {
    // web mode;
    menu1 = new dhtmlXMenuObject("menuWeb");
    menu1.setIconsPath("../common/imgs/");
    menu1.setOpenMode("web");
    menu1.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
    // win mode;
    menu2 = new dhtmlXMenuObject("menuWin");
    menu2.setIconsPath("../common/imgs/");
    menu2.setOpenMode("win");
    menu2.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
}</script>