JavaScript Menu (MicroMenu)

Click on the image to see a live demo of the JavaScript menu

JavaScript menu preview image, click to see live demo

This is the JavaScript version of a popular website menu developed years ago, our previous version was powered by flash and was sold in hundreds of copies on our website.

This HTML + JavaScript menu version is of course better for search engines and is more flexible and easy to update.

The JavaScript menu is very easy to use, you will receive the html, css and js file; to customize the menu you simply edit micro_menu.html to edit your links and buttons text and edit the micro_menu.css file if you like. Menu images and psd source files are also included.

It was tested and works nicely in all latest browsers including Internet Explorer, Google Chrome, Mozilla Firefox and Opera.

Buy Now ($19.00)

Sample from the menu html code, where you edit your links

<div id="micro_menu">
    <a href="#" id="micro_menu_main_1">Home</a> 
    <a href="#" id="micro_menu_main_2">News</a> 
    <a href="#" id="micro_menu_main_3">Products</a> 
    <a href="#" id="micro_menu_main_4">Contact</a>
</div> 

<div id="micro_menu_sub_2" class="micro_menu_sub">
    <a href="#">latest news</a>
    <a href="#">subscribe to news</a>
</div> 

<div id="micro_menu_sub_3" class="micro_menu_sub">
    <a href="#">flash animations</a>
    <a href="#">flash menus</a>
    <a href="#">php scripts</a>
    <a href="#">javascript menus</a>
    <a href="#">xml menus</a>
</div>

Sample from the CSS area where you can change the styling

#micro_menu{
    background-image: url(micro_menu_images/menu_bg.png);
    background-repeat:no-repeat;
    padding-left:4px;
}
.micro_menu_sub a:link{
    color:#FFF;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    padding:3px;
    padding-left:9px;
    padding-right:9px;
    border-radius:5px;
    -moz-border-radius:5px; 
    background-color:#FFF;
    background-color:rgba(255,255,255,0);
}

Buy Now ($19.00)