skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

ハイクオリティなカラーピッカーJavaScript「GcColor」

｜ ｜ ｜ ｜ ｜ ｜ ｜

色を選択させることはあまりないでしょうが、そんな要素だからこそリッチにしておくとユーザーの印象も変わるでしょう。
jQueryプラグインのGcColorは、jQuery UIを使用するなど、操作面でハイクオリティなカラーピッカーとなっています。

使用方法
GcColorからファイル一式をダウロードします。
<link rel="stylesheet" type="text/css" href="gccolor.css" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.ui.all.js"></script>
<script type="text/javascript" src="jquery.gccolor.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#id名').gccolor();
});
</script>
上記を記述したらあとは指定したid名を明記するだけです。
<input style="maxlength="7" id="gccolor" type="text">
ハイクオリティなカラーピッカーJavaScript「GcColor」サンプル

記事作成：2009年02月26日

前の記事：JavaScriptで作るシンプルなタブメニュー「simpleTabs 」
次の記事：簡単にスライダーを作成できるJavaScript「jFlow」