jQuery Color Picker happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jQuery Color Picker 상세정보

클라우드태그

Javascript

PHP

asp

CSS

HTML

mysql

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

jQuery Color Picker

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

2 회

간단설명

간단한 적용으로 사용할 수 있는 색상 color picker 입니다.

평가하기

먼저 http://www.htmldrive.net/items/download/523 에서 필요한 소스를
다운 받으시면 되며 소스가 간단하여 example.html 파일을 살펴보시면 쉽게 사용하실 수 있을 것입니다.

아래 소스르 html 파일에 적용 후...
<link rel="stylesheet" href="ui.colorpicker.css"/>
<style type="text/css">
.ui-colorpicker input { float: none; width: auto; height: auto; }
#bg .submit { margin-top: 40px; text-align: center; }
</style>
<script language="JavaScript" src="jq.js"></script>
<script language="JavaScript" src="jq.color.js"></script>
<script language="JavaScript">
$(document).ready(function() {
var hideit = function(e, ui) { $(this).val('#'+ui.hex); $('.ui-colorpicker').css('display', 'none'); };
$('#bg #colorpicker').colorpicker({ hide: hideit, submit: hideit });
$('#dochange').click(function() {
  $('body').css('background-color', $('#colorpicker').val());
  return false;
});
});
</script>

컬러피크가 적용되기 원하는 위치에 아래 소스를 사용하면 됩니다.
<form id="bg" action="">
  <input type="text" id="colorpicker" name="colorpicker"/>
</form>

[ MIT & GPL 라이센스가 적용되어 있습니다. ]