Finally, I am back after a long time with a refreshing new jQuery plugin to make your Web Page menus look better. Its the jQuery Sliding Menu also known as the Lavalamp Menu or Fancy menu by some.
- In the head section add the following code:
- Add the form in the body as shown below
That’s it you are done!
For advanced users:
|backgroundClass||Class of the moving background (Default: “Background”)|
|initialOpacity||Opacity of the moving background (Default: 1)|
|slideSpeed||Speed at which the background should slide (Default: 1, should be a fraction less than 1 which is max speed)|
|easing||Type of easying with which the background should slide (Default: “linear”, must include jQuery UI core for this to work)|
|callback||Callback of the sliding menu event (Default: “”)|
|backgroundContent||HTML for moving background (Default: ”
|activeClass||Class for the clicked link (Default: “ActiveLink”)|
|highlightOnClick||Tells whether the menu item should get highlighted on clicking it (Default: false)|
Hope you liked the plugin. Awaiting your comments
If you liked the plugin please spread it for your friends to use and please rate it at http://plugins.jquery.com/project/jquery-sliding-menu