from: 颜色选择器 colorpicker
[url=http://jscolor.com/]http://jscolor.com/[/url]
[url=http://dematte.at/colorPicker/]http://dematte.at/colorPicker/[/url]
[url=http://www.free-color-picker.com/color-picker-samples.php]http://www.free-color-picker.com/color-picker-samples.php[/url]
[url=http://www.nogray.com/color_picker.php]http://www.nogray.com/color_picker.php[/url]
[url=http://www.mattkruse.com/javascript/colorpicker/]http://www.mattkruse.com/javascript/colorpicker/[/url]
ColorPicker2.js代码
[url=#]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>颜色选择器 Color Picker,Internet Explorer,Firefox,Opera,Safar,Ace Explorer,Avant Browser,Flock,Google Chrome,Konqueror,Netscape,SeaMonkey </title>
<meta name="Author" content="Geovin Du 塗聚文"/>
<meta name="Keywords" content="Geovin Du 塗聚文"/>
<meta name="Description" content="Geovin Du 塗聚文"/>
<script type="text/javascript" language="javascript" src="ColorPicker2.js"></script>
<script type="text/javascript" language="javascript">
var cp = new ColorPicker('window'); // Popup window
var cp2 = new ColorPicker(); // DIV style
</script>
</head>
<body>
<form>
<table border="1">
<tr>
<td>
This popup uses a "window" popup. Use this<br/>
For browsers that don't support DHTML.<br/>
Color: <input type="text" name="color" size="20" value=""/> <a href="#" onclick="cp.select(document.forms[0].color,'pick');return false;" name="pick" id="pick">Pick</a>
</td>
</tr>
</table>
<br/>
<table border="1">
<tr>
<td>
This popup uses a DHTML "layer". It looks<br/>
nicer, but won't work in older browsers and<br/>
The color popup won't display over some form<br/>
elements in some browsers!<br/>
Color: <input type="text" name="color2" size="20" value=""/> <a href="#" onclick="cp2.select(document.forms[0].color2,'pick2');return false;" name="pick2" id="pick2">Pick</a>
</td>
</tr>
</table>
</form>
<script type="text/javascript" language="javascript">cp.writeDiv()</script>
</body>
</html>