当前位置：早雪网 → 网络学院 → 编程文档 → 网站制作 → Shake_JS选色器

Shake_JS选色器

减小字体

增大字体作者：未知来源：从互联网收集整理并转载发布时间：2005-3-13 2:38:41

可能大家还对颜色的选取还很烦恼.
可是,圣诞节期间.一个新的颜色选择控件已经出场,
它,包含了仿window默认取色器,PS的条型选色器,PS的拾色器,CorelDraw的色环选色器,和很多图像编辑软件通用的基本颜色选色器于一身的,Shake_JS选色器.

下载地址:  http://inshake.ik8.com/inshake/shake_js.rar

压缩包包括2个文件(test.htm 和 Color.htm)：

test.htm 代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试 </title>
</head>
<script language="javascript">
function ChangeColor(){
var myColor = window.showModalDialog('Color.htm',"ColorWin",'dialogWidth:508px;dialogHeight:412px;status:no');
//变量名自己改myColor 等号后面的就是调用语句.
document.getElementById('Ctextabcdefg').style.color = myColor;
}
</script>
<body>
<p><span id="Ctextabcdefg">改变我的颜色吧,看看效果,<br/>PowerBy:动感Shake<br/>基本原则嫪人侃</span></p>
<p><input name="m" value="选色器" type="button"></p>
</body>
</html>

Color.htm 代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="author" content="动感Shake;QQ:6090900">
<meta name="keyword" content="Shake-JS取色控件">
<meta name="description" content="Shake-JS取色控件,用JS取得颜色">
<meta http-equiv="window-target" content="_top">
<title>Shake-JS取色控件</title>
<style type="text/css">

</style>
</head>
<Script language="javascript" type="text/javascript">
var cMode = 1; //当前模式
function TitleOnChange(){
document.getElementById('ColorTitle_'+cMode).className = 'TitleNoSelect';
document.getElementById('Title'+cMode).style.display = 'none';
var CurSelect = event.srcElement;
cMode = CurSelect.id.substring(CurSelect.id.length - 1);
CurSelect.className = 'TitleSelect';
document.getElementById('Title'+cMode).style.display = 'block';
if(cMode != 6){
  eval('WinReturnValue.value = Color'+cMode+'HTML.value;');
  addButton.disabled = false;
  }else{
  WinReturnValue.value = "";
  addButton.disabled = true;
  }
delete CurSelect;
}

function RGBtoHTML(R,G,B){
R = parseInt(R);
G = parseInt(G);
B = parseInt(B);
    var r=(R>=16)?R.toString(16):('0'+R.toString(16));
    var g=(G>=16)?G.toString(16):('0'+G.toString(16));
    var b=(B>=16)?B.toString(16):('0'+B.toString(16));
delete R,G,B;
return('#'+r.toUpperCase()+g.toUpperCase()+b.toUpperCase());
}

function NumToDec(aValue, fromBase)
{
    var aNum = 0;
    var curNum = 0;
    var i = 0;
    var s = aValue;
    var c = aValue.substr(0,1);
    var SignChanged = false;
    if (c == "-")
    {
        s = aValue.substr(1, aValue.length -1);
        SignChanged = true;
    }
    for (i = 0; i < s.length; i++)
    {
        c = s.substr(i,1);
        switch (c.toLowerCase())
        {
            case "a" :
                curNum = 10;
          break;
            case "b" :
                curNum = 11;
                break;
            case "c" :
                curNum = 12;
                break;
            case "d" :
                curNum = 13;
                break;
            case "e