Fashion Animated jQuery Select List Replacement - FC Select List

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

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.