New JQuery flash like menu

JQuery flash like the menu is another wonderful menu using JQuery.It seems like we are using Flash but the actual thing s this we are not using such software, the look and feel of this menu are very good. I think you like this. Try this out and see When you rollover one item of your menu, the font-size expand to 225%, the color fade to yellow and the other items are giving more space to the hovered item when you roll out it will take its place back in the menu.


Demo Download

First, add dependencies to your head document, you will need jQuery UI for this plugin.

<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/JavaScript" src="js/jquery.menuZoomer.js"></script>
<script type="text/JavaScript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

In your menu, add to each item the class flashMenu.
<a href="Portfolio.html">Portfolio</a>

You can customize the speed, font-size and easing, look for your document ready in the file jquery.menuZoomer.js, you may need to tweak the line-height.

 fontSize : "300%",
 easing : "easeOutExpo"

Himanshu is a young engineer living in India. Currently working at Cognizant as a Senior Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: : "Open Source. Millions of open minds can't be wrong!

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community

We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page