SHARE

Incoded Animated Menu Component Free Download

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.

Features

  • 16 themes
  • 8 fonts
  • 4 animations
  • Submenus

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> 

Changelog

v1.0.1 October 25, 2015

  • Set default font

v1.0.0 October 23, 2015

  • Realeased

 
   View Demo     Download

NO COMMENTS

LEAVE A REPLY