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 });