Overview

Thank you for purchasing jDropdown Menu
In this documentation you will find informations about how to use this menu, customize it, special features etc.

Hope you like it.
Enjoy!

Javascript - Top

This document takes advantage of a third party JavaScript framework called jQuery.

JAVASCRIPT FEATURES

You can change the "open" effect of the menu.

We have 2 effects: fade effect & slide effect

Also check the video to see how it works.

CODE

This menu is formed from lists, ul, li , divs, columns.

Example homepage dropdown

				
			
<li><a href="#">Home page</a>

<div class="column_2" style="margin-left: 4px;">

<div class="column">
	<img src="images/about.jpg" alt="about us" style="margin: 20px 0px 0px 10px;" />

	<ul>

	<li><a href="#">About us</a></li>

	<li><a href="#">Documentation</a></li>

	<li><a href="#">Copyright issues</a></li>

	</ul>

	</div>

<ul class="column">

	<li><a href="#">Lorem ipsum text</a></li>

	<li><a href="#">Dorem sid amed ipsum est</a></li>

	<li><a href="#">Lorem ipsum</a></li>

	<li><a href="#">Succidere est vita lorem</a></li>

	<li><a href="#">Texting lorem ipsum</a></li><li><a href="#">Sid amet dorem upset</a></li>

	<li><a href="#">Lorem ipsum text</a></li>

	</ul>

	</div>

</li>

Customization options

Option	Properties	Description
demo	boolen - Default: false	In demo files let dynamic select css color.
effect	string - Default: ''	Specify the menu effect of the open item. Set to either 'fade' or 'slide'.
notMenu	string - Default: '.home'	The CSS class or ID for the exclude element (include the # or . selector before the name).
duration.fadeIn	init - Default: 300	The fadeIn duration effect.
duration.fadeOut	init - Default: 60	The fadeOut effect duration.
duration.slideIn	init - Default: 300	The slideIn duration effect.
duration.slideOut	init - Default: 60	The fadeOut effect duration.

You can easily add columns, with images, lists, bullets, etc.

HTML - Top

HTML MENU

CSS Styles - Top

This HTML document links to a CSS file called style.css inside the css folder. The CSS document is properly commented to help guide and inform the user of the different sections.

There is also colorpicker.css and layout.css files

If you would like to change any color, you can take advantage of the new CSS RGB property. You may also use hex values instead of RGB. This document takes advantage of new CSS3 features such as border-radius.

-moz-border-radius: 2px 2px 0 0px; 
border-radius: 2px 2px 0 0px;

There are 5 custom color schemes , but you can also make your own color schema, using the color picker on the left.

You can preview the chosen colors & to get the color scheme code :

Additional Overview - Top

Menu width : 960 px

BONUS - PSD FILES

And STIKERS SET!

Icons via http://www.iconfinder.com/