Fashion Animated jQuery Select List Replacement - FC Select List
File Size: | 11.7 KB |
---|---|
Views Total: | 2193 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

FC Select List is a jQuery plugin that converts normal select element into a nice dropdown list with smooth jQuery animations.
How to use it:
1. Include the jQuery FC Select List plugin in the document. Make sure you have jQuery library loaded.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <link href="fc-select-list/fc-select-list.css" rel="stylesheet" type="text/css"> <script src="fc-select-list/fc-select-list.js" type="text/javascript"></script>
2. Create a standard Html select list.
<select id="demo"> <option>Red</option> <option>Orange</option> <option>Yellow</option> <option>Green</option> <option>Blue</option> <option>Indigo</option> <option>Violet</option> </select>
3. Call the plugin on the select list you just created.
<script type="text/javascript"> $(document).ready(function() { $('#demo').fc_select_list({ hover: true, // open the list when hover over click: false, // open the list when click on jQuery_animation: true // enable jQuery animation }); }); </script>
Change log:
2014-06-27
- Fixed a small error.
This awesome jQuery plugin is developed by FrontCrush. For more Advanced Usages, please check the demo page or visit the official website.