news (1 year ago) | affiliates | f.a.q | contact
mmfiles.com sell files register free forum projects (149) collections packs buy memberships
Search

JavaScript Micro Menu only at mmfiles.com this listing is admin's pick

JavaScript Micro Menu - click for preview
open full view in new window
Buy and download License details

User ratings for JavaScript Micro Menu.

4 sales, 4538 views
user adrianTNT ByadrianTNT

Description

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

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

The 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.

Sample from the menu html code, where you add 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 edit 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, .micro_menu_sub a:visited{
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);
}

Keywords: micro  menu  navigation  javascript  menus  html  css 

Comments

You need to LOGIN to post a comment.

This file has no comments

Related listings
Top Nav BarTop Nav Bar
Tab Menu with Search boxTab Menu with Search b..
My MenusMy Menus
Vertical XML buttonsVertical XML buttons
Listing is in collections
This listing is not part of any public collections.