ハイクオリティなカラーピッカーJavaScript「GcColor」
色を選択させることはあまりないでしょうが、そんな要素だからこそリッチにしておくとユーザーの印象も変わるでしょう。
jQueryプラグインのGcColorは、jQuery UIを使用するなど、操作面でハイクオリティなカラーピッカーとなっています。
使用方法
GcColorからファイル一式をダウロードします。
<link rel="stylesheet" type="text/css" href="gccolor.css" />
上記を記述したらあとは指定したid名を明記するだけです。
<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>
<input style="maxlength="7" id="gccolor" type="text">
ハイクオリティなカラーピッカーJavaScript「GcColor」サンプル
コメントする
記事作成:2009年2月26日 10:21