JavaScript
The default configuration
When you press the menu button, a request is sent to the address '/json.php'. The scripts are located in the root of the host.
$(".main_menu").main_menu();
The custom configuration
images - the parameter is the path to the folder with images for menu items.
url - path to the script that returns json with parameters nazhatago subparagraph.
$(".main_menu").main_menu({images:'/subfolder/images/',url:'/json.php'});
HTML
<div id="menu">
<div class="bg_texture">
<div class="left_div">
<ul class="main_menu">
<li id_menu="0">
<div class="radius_block">
<div class="shadow">
<div class="menu_icon" src="images/img_modules.png">
<div class="name_menu_element">
Modules
</div>
<div class="description_name_element">
Your modules
</div>
</div>
</div>
</div>
</li>
<li id_menu="1">
<div class="radius_block">
<div class="shadow">
<div class="menu_icon" src="images/img_settings.png">
<div class="name_menu_element">
Settings
</div>
<div class="description_name_element">
Global site settings
</div>
</div>
</div>
</div>
</li>
<a href="http://google.com/">
<li id_menu="2">
<div class="radius_block">
<div class="shadow">
<div class="menu_icon" src="images/google.png">
<div class="name_menu_element">
Google
</div>
<div class="description_name_element">
Yes
</div>
</div>
</div>
</div>
</li>
</a>
</ul>
</div>
<div class="right_div">
<div class="inner_shadow">
<a href="#" target="blank"><img src="images/btn_on_site.png" hover="images/btn_on_site_h.png" no_hover="images/btn_on_site.png" id="btn_on_site" alt="" title="" /></a>
<img src="images/separator.png" alt="" title="" />
<a href="#">
<img src="images/btn_logout.png" hover="images/btn_logout_h.png" no_hover="images/btn_logout.png" id="btn_logout" alt="" title=""/></a>
</div>
</div>
</div>
</div>
<div id="pointer_line">
</div>
<div id="sub_menu">
<div class="bg_texture_sub">
<div id="submenu_container">
</div>
</div>
</div>
