분류
bootstrap
Very Simple jQuery Color Picker
본문
https://github.com/tkrotoff/jquery-simplecolorpicker
아주 간단한 jQuery 색상 선택 도구
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script> <script src="jquery.simplecolorpicker.js"></script> <link rel="stylesheet" href="jquery.simplecolorpicker.css">
<select name="colorpicker"> <option value="#7bd148">Green</option> <option value="#5484ed">Bold blue</option> <option value="#a4bdfc">Blue</option> <option value="#46d6db">Turquoise</option> <option value="#7ae7bf">Light green</option> <option value="#51b749">Bold green</option> <option value="#fbd75b">Yellow</option> <option value="#ffb878">Orange</option> <option value="#ff887c">Red</option> <option value="#dc2127">Bold red</option> <option value="#dbadff">Purple</option> <option value="#e1e1e1">Gray</option> </select>
$('select[name="colorpicker"]').simplecolorpicker(); $('select[name="colorpicker"]').simplecolorpicker('selectColor', '#7bd148'); $('select[name="colorpicker"]').simplecolorpicker('destroy');
$('select[name="colorpicker"]').simplecolorpicker({ picker: true }).on('change', function() { $(document.body).css('background-color', $('select[name="colorpicker"]').val()); });
- 이전글Owl Carousel 18.10.21
- 다음글Bootstrap + Vue 18.10.21