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>