DHTMLX Docs & Samples Explorer

Skinning

dhx_skyblue dhx_blue dhx_black dhx_web
Source
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_black.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxmenu_dhx_web.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxmenu.js"></script>
<script>
var menu,
menu2,
menu3,
menu4;
function doOnLoad() {
    // dhx_skyblue;
    menu = new dhtmlXMenuObject("menuObj", "dhx_skyblue");
    menu.setIconsPath("../common/imgs/");
    menu.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
    // dhx_blue;
    menu2 = new dhtmlXMenuObject("menuObj2", "dhx_blue");
    menu2.setIconsPath("../common/imgs/");
    menu2.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
    // dhx_black;
    menu3 = new dhtmlXMenuObject("menuObj3", "dhx_black");
    menu3.setIconsPath("../common/imgs3/");
    menu3.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
    // dhx_web;
    menu4 = new dhtmlXMenuObject("menuObj4", "dhx_web");
    menu4.setIconsPath("../common/imgs/");
    menu4.loadXML("../common/dhxmenu.xml?e=" + new Date().getTime());
}
</script> <table> <th>dhx_skyblue</th> <th> </th> <th>dhx_blue</th> <th> </th> <th>dhx_black</th> <th> </th> <th><b>dhx_web</b></th> <tr> <td width="270"> <div style="height: 250px;"><div id="menuObj"></div></div> </td> <td width="20"> </td> <td width="270"> <div style="height: 250px;"><div id="menuObj2"></div></div> </td> <td width="20"> </td> <td width="270"> <div style="height: 250px;"><div id="menuObj3"></div></div> </td> <td width="20"> </td> <td width="270"> <div style="height: 250px;"><div id="menuObj4"></div></div> </td> </tr> </table>