Description
Incoded Lively Menu Part is HTML/CSS/JS web page component made as to look great and fancy to your web page as to be practical and provide entire user revel in. it is responsive fullscreen menu that helps submenus to boot so it’s going to be a good solution for mobile systems too.
Authors
Development
Ivan Mitic e mail web page
Layout:
Dalibor Petrovic e mail behance
Options
- SIXTEEN subject matters
- 8 fonts
- FOUR animations
- Submenus
- Responsive
- Hamburger button positioning
- Background opacity
Requirements
- jQuery
Fast Setup
CSS
Include animenu.min.css file sooner than </head> tag of your web page:
<hyperlink rel="stylesheet" type="textual content/css" media="display" href="css/animenu.min.css">Menu HTML
Add the following HTML anywhere throughout the tag on your web page and change its links according to your wishes:
<div identification="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Approximately us</a></li> <li magnificence="iamenu-sub"><a href="#">Our purchasers</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="#">Touch</a></li> </ul> </div>JavaScript
Come With these javascript information prior to tag of your web page:
<script src="js/jquery.min.js"></script> <script src="js/animenu.min.js"></script>Menu Instance
Create menu example after in the past incorporated JavaScript recordsdata:
<script kind="textual content/javascript"> $(serve as() new IncodedAniMenu('#menu'); ); </script>Complete Documentation
Changelog
v1.0.5 November 30, 2015
- Fixed menu place
- Fixed gap among hamburger bars and on shut button
v1.0.4 November 10, 2015
- A small trojan horse mounted
v1.0.3 October 30, 2015
- Delivered new possibility – “opacity”
- Advanced possibility – “button_position”
v1.0.1 October 25, 2015
- Set default font
v1.0.0 October 22, 2015
- Realeased
FULL DOWNLOAD
No comments:
Post a Comment