This time I will share jQuery Plugin and tutorial about Select Box Based Color Picker Plugin With jQuery – colorSelect, hope it will help you in programming stack.
colorSelect is a really simple jQuery plugin which converts a normal select box into an user-friendly color picker for easier color selection.
How to use it:
1. Add references to the jQuery colorSelect plugin’s JavaScript and CSS files to the web pages.
1 |
<link rel="stylesheet" href="colorSelect.css"> |
2 |
<script src="//code.jquery.com/jquery.min.js"></script> |
3 |
<script src="colorSelect.js"></script> |
2. Add the color names and hex color codes into the select options as follows:
1 |
<link rel="stylesheet" href="colorSelect.css"> |
2 |
<script src="//code.jquery.com/jquery.min.js"></script> |
3 |
<script src="colorSelect.js"></script> |
This awesome jQuery plugin is developed by Lorenzschaef. For more Advanced Usages, please check the demo page or visit the official website.
