🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple, lightweight jQuery plugin for creating a fancy horizontal or vertical nav menu that comes with an elastic menu indicator as you navigate between menu items.


Documentation

ElasticMenu

This is a super easy to use elastic menu jquery plugin

How to use ?

1 - include the .css and .js file

2 - Put the "elastic-menu" class in your list that you wnat to create a ElasticMenu

<ul id="example" class="elastic-menu">   <li><a href="">Example scope</a></li>   <li><a href="">Example scope</a></li>   <li><a href="">Example scope</a></li>   <li><a href="">Example scope</a></li>   <li><a href="">Example scope</a></li> </ul>

3 - Set your ID or CLASS element in elasticMenu() plugin

$("#example").elasticMenu();

Settings

$("#example").elasticMenu({     direction : "horizontal", // default : vertical     background : "#ec407a", // default : #0d47a1     color : "white" // default : white });

You May Also Like