Jakarta-cute-dropdown

Simple, Easy and Small

View the Project on GitHub JawaJava/Jakarta-Cute-Dropdown

Welcome Bro, What it's?

Something you need dropdown every where place in yours page like options menu in element status or menu dropdown what you want you need with easy setting and you know this plugin i write this for purpose to user experience you can make with you style own that the box dropdown in style_by_you_need.css file and change the partMain option too. Enjoy....

Support Browser

Requirement

How To Usage ?

  1. download master click
  2. include this file into your page:
  3. Write into script area in yours page like this standart code $('.jktCD-one').jktCD();
  4. Call them in html like this :
  5. and refresh yours page, ejoy..

Example

Result
Code
$('.jktCD-one').jktCD();
Result
Code
$('.jktCD-two').jktCD({typeCursor:'click'});
Result
Code
$('.jktCD-three').jktCD({typeCursor:'hover'});
Result
Code
$('.jktCD-four').jktCD({typeCursor:'both'});
Result
Code
$('.jktCD-five').jktCD({triLeft:50});
Result
Code
$('.jktCD-six').jktCD({triActive:false});
Result
Code
$('.jktCD-seven').jktCD({mainLeft:50});

Options

Setting Parameter Desciption
cssName jktCD* it's for global name in every element in plugin
partClick .jktCD-click* class name for click menu display
partMain .jktCD-style-one* class name if you change the name of box style your own.
mainLeft number to set the distance around the main-box
typeCursor click | hover* | both type of click mode in three model just choose you need
triActive true* | false to hide triangle element
triLeft number to adjust the spacing element triangle
Note :
  • * is default
  • main-box is element list of dropdown.
  • make sure the parent element does not use the overflow: hidden, so use the alternative display: inline-block, without using float.