jquery Landscaping drop-down menu plugin Dropkick

dropkick is a plugin based on the jquery library 's Landscaping drop-down menu, which makes the ugly <select> drop-down list beautiful by customizing HTML insertion.

The Name property is the only required fill, but you should also set a TabIndex property to set the ordering of the navigation menu.

When you select an option in Dropkick, events are also triggered, which means that your forms, Ajax work, and traditional, do not require any changes.

If this paragraph is not suitable, please take a look at this site another jquery drop-down box can expand and beautify the plugin chosen

Characteristics

1. Work like a drop-down box

2, Support keyboard: can enter, up and down direction to open and select options

3. You can use the (object) dropkick (' Refresh ') method to dynamically update the contents of the options

4. Easy to define theme and dynamic change theme

5. Customizable callback function

How to use

Introducing core files to ensure that jquery 1.7.1 or more is introduced

1     <Linkrel= "stylesheet"href= "Css/dropkick.css"type= "Text/css">2     <Scriptsrc= "Http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></Script>3     <Scriptsrc= "Jquery.dropkick-min.js"></Script>

Write HTML, just add a drop-down box

1 <Selectname= "Country"class= "Default"TabIndex= "2">2 <optionvalue="">Try me!</option>3 <optionvalue= "AU">Australia</option>4 <optionvalue= "CA">Canada</option>5  <optionvalue= "DE">Germany</option>6  <optionvalue= "JP">Japan</option>7  <optionvalue= "GB">Kingdom</option>8 <optionvalue= "US">States</option>9 </Select>

Write JS, initialize plugin

    $ ('. Default '). Dropkick ();

Well, a nice drop-down box is ready.

: Baidu Cloud | Official Downloads

jquery Landscaping drop-down menu plugin Dropkick