Pretty Dropdowns is a simple, lightweight jQuery plugin that converts <select>
drop-down menus into "pretty" menus that you can style using CSS. As an extra bonus, it does its best to keep the menu options within the viewport.
<link rel="stylesheet" href="/css/prettydropdowns.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="/js/jquery.prettydropdowns.js"></script>
You have complete control over the look and feel of the drop-down menu by modifying prettydropdowns.css
. It is recommended to load the JavaScript files at the bottom just before the closing </body>
tag if possible.
Make sure this comes after the two required JavaScript files from Step 1 are loaded.
<script>
$(document).ready(function() {
$('select').prettyDropdown();
});
</script>
Choose from one of the following methods:
git clone [email protected]:thdoan/pretty-dropdowns.git
git clone https://github.com/thdoan/pretty-dropdowns.git
bower install pretty-dropdowns
npm install pretty-dropdowns
- Download ZIP