Hey Folks, this is a very simple one level drop down menu plugin for you. Usage of this plugin is very simple. This is version 1. In next version I will make it for multi-level menu items.

You can check demo before jump into the code.

Now, it’s time to dive into the codes.

In section, write the following code:

Here, the css is for styling the menu. I also used two plugins – hoverIntent and easing.

In section –

Now, the css part is:

You may also read:  HTML5: The Beautiful Butterfly! Part 2

The beautyMenu plugin code is:

You may also read:  Change the order of posts in an archive page

Now, it’s time to call the plugin. You have four parameter to set, if you want you can leave these alone – then it will get its default values.

Put the following code into head section:

or just simply

You can download the source code here.

This plugin is free to use and modify, just keep the author info at the top ;)

Leave a Reply