Description
Incoded Animated Menu Component is HTML/CSS/JS web page element made to look nice and fancy on your website and to be functional and provide complete user experience. It is responsive fullscreen menu that supports submenus as well so it’s going to be a good solution for mobile platforms too. With minimal CSS skills, it could be easily stylized and adapted to any website.
Development
Incoded email website
Features
- 16 themes
- 8 fonts
- 4 animations
- 3 font sizes
- Submenus
- Responsive
- Hamburger button positioning
- Background opacity
- Multiple menus
- Visible on light and dark colored web pages
Requirements
- jQuery
Quick Setup
CSS
Include animenu.min.css file before </head> tag of your page:
<link rel="stylesheet" type="text/css" media="screen" href="css/animenu.min.css">
Menu HTML
Add the following HTML anywhere inside the tag on your page and change its links according to your needs:
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li class="iamenu-sub"><a href="#">Our clients</a>
<ul>
<li><a href="#">Asana</a></li>
<li><a href="#">Basecamp</a></li>
<li><a href="#">Jira</a></li>
<li><a href="#">Teamwork</a></li>
<li><a href="#">Wunderlist</a></li>
</ul>
</li>
<li><a href="#">Process</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
JavaScript
Include these javascript files before tag of your page:
<script src="js/jquery.min.js"></script> <script src="js/animenu.min.js"></script>
Menu Instance
Create menu instance after previously included JavaScript files:
<script type="text/javascript">
$(function(){
new IncodedAniMenu('#menu');
});
</script>
Full Documentation
Changelog
v1.2.0 March 27, 2018
- Added hamburger button support for dark color pages (invert colors option).
- Fixed menu position.
- Fixed menu so it closes all submenues before re-opening.
v1.1.0 March 21, 2018
- Added size option.
- Added optimization for different devices and screen sizes.
- Fixed submenu border and scaling.
- Fixed shift-left animation.
v1.0.6 March 5, 2018
- Fixed menu position.
- Fixed multiple submenues bug.
- Fixed closing submenu bug in Firefox.
v1.0.5 November 30, 2015
- Fixed menu position
- Fixed gap between hamburger bars and on close button
v1.0.4 November 10, 2015
- A small bug fixed
v1.0.3 October 30, 2015
- Added new option – “opacity”
- Improved option – “button_position”
v1.0.1 October 25, 2015
- Set default font
v1.0.0 October 22, 2015
- Realeased
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Incoded Animated Menu Component from the The Developer ( incoded ) website. Thank you.
Download = Incoded Animated Menu Component-[Updated].zip
