- Get link
- Other Apps
Incoded Animated Menu Component Download
Incoded Animated Menu Component
Price: $8
Description
Incoded Animated Menu Component is HTML/CSS/JS web page element made as to look nice and fancy on your website as 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.
Authors
Development
Ivan Mitic email website
Design:
Dalibor Petrovic email behance
Features
16 themes
8 fonts
4 animations
Submenus
Responsive
Hamburger button positioning
Background opacity
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.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
- Get link
- Other Apps
Comments
Post a Comment