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()); });
페이지 정보
[ 조회 225회 ] 작성일18-10-21 00:47