***综合类***取色器
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要三个步骤
第一步：把如下代码加入到<head>区域中
<script>
addary = new array(); //red
addary = new array(0,1,0); //red green
addary = new array(-1,0,0);//green
addary = new array(0,0,1); //green blue
addary = new array(0,-1,0);//blue
addary = new array(1,0,0); //red blue
addary = new array(0,0,-1);//red
addary = new array(255,1,1);
clrary = new array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++) {
clrary = new array(3);
for(k = 0; k < 3; k++) {
clrary = addary;
addary += (addary * 4);
}
}
function capture() {
if(document.layers) {
layobj = document.layers['wheel'];
layobj.document.captureevents(event.mousemove);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
}
}
function moved(e) {
y = 4 * ((document.layers)?e.layerx:event.offsetx);
x = 4 * ((document.layers)?e.layery:event.offsety);
sx = x - 512;
sy = y - 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new array(-180,360,180,0);
xa = math.abs(sx);
ya = math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 - (xa * 45 / ya);
deg = math.floor(math.abs(quad - d));
n = 0;
sx = math.abs(x - 512);
sy = math.abs(y - 512);
r = math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512) {
c = "000000";
}
else {
for(i = 0; i < 3; i++) {
r2 = clrary * r / 256;
if(r > 256) r2 += math.floor(r - 256);
if(r2 > 255) r2 = 255;
n = 256 * n + math.floor(r2);
}
c = n.tostring(16);
while(c.length < 6) c = "0" + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = "#" + c;
document.layers["wheel"].bgcolor = "#" + c;
}
else {
document.all["wheel"].document.f.t.value = "#" + c;
document.all["wheel"].style.backgroundcolor = "#" + c;
}
return false;
}
</script>
第二步：把如下代码加入到<body>区域中
<div id=wheel style="position:absolute; visibility:visible;; width: 256px; height: 256px; left: 263px; top: 14px">
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<img src="../zh/images/colorwheel.jpg" width=256 height=256 border=0>
http://code.ik8.com/html/../zh/images/colorwheel.jpg</td>
</tr>
<tr>
<td align="center">
<br>
<form name="f">
<input type="text" name="t" size=27>
</form>
</td>
</tr>
</table>
</div>
第三步：把“onload="capture()"”加在<body>标记里
例如：<body onload="capture()">
--------------------------------------
拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而烦恼，使您的论坛早日成为一流的论坛。详情请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）
页:
[1]