<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- MiniColors -->
<script src="minicolors/jquery.minicolors.js"></script>
<link rel="stylesheet" href="minicolors/jquery.minicolors.css">
<input type='text' class='minicolors' name='color_code1' data-control='hue' value='#000000' >
<input type='text' class='minicolors' name='color_code2' data-control='hue' value='#ff3300' >
<input type='text' class='minicolors' name='color_code3' data-control='hue' value='#33cc00' >
<script>
$(document).ready(function(){
//컬러피커
$('.minicolors').each(function() {
// 현재 요소가 minicolors-input 클래스가 아닐 경우에만 초기화
if (!$(this).hasClass('minicolors-input') && !$(this).hasClass('minicolors-theme-default')) {
initializeMinicolors(this);
}
});
});
</script>
'[ Web 관련 ] > jQuery' 카테고리의 다른 글
셀렉트 박스 option의 텍스트 color에 맞춰 표기되는 항목 컬러 변경 (0) | 2024.09.23 |
---|---|
텍스트 네온/레인보우 효과 (0) | 2023.11.19 |
Swiper 사용하기 (1) | 2023.10.23 |
◈ 체크박스 이벤트 바인딩, 속성 추가 (addEventListener) (0) | 2023.03.05 |
jquery data- 사용하기 (0) | 2023.02.27 |