Awesome Dropdown v0.0.1

Installation

  1. Include the Jquery Framework <script type="text/javascript" src="/path/to/jquery.js"></script>
  2. Include awdropdown.js <script type="text/javascript" src="/path/to/awdropdown.js"></script>
  3. Include awdropdown.css <link href="/path/to/awdropdown.css" rel="stylesheet" />

Usage

  1. Create a standard HTML select as you would <select id = "my_dropdown">
    <option value = "option_1">Option 1</select>
    ...
    </select>
  2. Include awdropdown.js <script type="text/javascript" src="/path/to/awdropdown.js"></script>
  3. Include awdropdown.css <link href="/path/to/awdropdown.css" rel="stylesheet" />
Option Value
background Sets the initial background of the dropdown
Default: #e5e5e5
active_background Sets the active background color when the dropdown is clicked
Default: #fff
placeholder_color The initial color of the placeholder text
Default: #000
placeholder_active_color The active color of the placeholder text when the dropdown is clicked
Default: #000
option_color Color of the option values
Default: #000
vertical_padding Vertical padding of the dropdown
Default: 20px
horizontal_padding Horizontal padding of the dropdown
Default: 40px