Stylish jQuery Select Box Plugin with Smooth Drop Down Effects - FancySelect

File Size: 8.38KB
Views Total: 20382
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Stylish jQuery Select Box Plugin with Smooth Drop Down Effects - FancySelect

FancySelect is an easy-to-use and lightweight jQuery plugin for creating a stylish select box (list) with smooth sliding drop down effects.

How to use it:

1. Include jQuery library and jQuery FancySelect on your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="fancySelect.js"></script>

2. Create the html for the select box

<select id="menu">
<option value="">Menu</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>

3. Include required css file to style the select box

<link rel="stylesheet" media="screen, projection" href="fancySelect.css">

4. Call the plugin

<script>
$(document).ready(function() {
$('#menu').fancySelect();
});
</script>

This awesome jQuery plugin is developed by octopuscreative. For more Advanced Usages, please check the demo page or visit the official website.