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
- Internet Explorer 7+
- Firefox 4+
- Safari 4+
- Google Chrome 4+
- Opera 12+
Requirement
- jQuery 1.11.2 lib
- ie8.js or page for compatible ie 7, 8
Example
Code
$('.jktCD-one').jktCD();
Code
$('.jktCD-two').jktCD({typeCursor:'click'});
Code
$('.jktCD-three').jktCD({typeCursor:'hover'});
Code
$('.jktCD-four').jktCD({typeCursor:'both'});
Code
$('.jktCD-five').jktCD({triLeft:50});
Code
$('.jktCD-six').jktCD({triActive:false});
Code
$('.jktCD-seven').jktCD({mainLeft:50});
Setting Reference
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.