0顶

很方便的网页取色器

稿源：互联网 2022-07-08 04:05:01 点击： 446 撤稿纠错

鼠标经过时，显示该颜色代码，很方便的一个取色器。

以下讨论的是和相关的很方便的网页取色器教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页取色效果，sky整理收集，zzjs欢迎您。</title>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<input id='Info1'><br>
<input id='Info2'><br>
<input id='Info3'><br>
<span id=ColorDiv style='width:200;height:200;'></span>
<script>
var iW = '70';//共有6种颜色，每种颜色的宽为iW。iW*6为色带的宽。
var iH = '400';//iH为色带的高。
var H,S,V;
function HSV(){
var pX = event.offsetX;
var pY = event.offsetY;
var HalfH = parseInt(iH/2);
H = parseInt(pX*360/(iW*6));
if(event.offsetY < HalfH){
	S = pY/HalfH;
	V = 1;
	}
else{
	S = 1;
	V = (iH-pY)/HalfH;
	}
Info1.value = 'H:'+H+'  S:'+parseInt(S*100)+'%   V:'+parseInt(V*100)+'%';
HSVtoRGB();
RGBtoHTML();
}
var R,G,B;
function HSVtoRGB(){
var r,g,b;
var k = (H%60)/60;
var c1 = V*(1-S);
var c2 = V*(1-S*k);
var c3 = V*(1-S*(1-k));
switch(parseInt(H/60)){
	case 0 : r=V,g=c3;b=c1; break;
	case 1 : r=c2,g=V;b=c1; break;
	case 2 : r=c1,g=V;b=c3; break;
	case 3 : r=c1,g=c2;b=V; break;
	case 4 : r=c3,g=c1;b=V; break;
	case 5 : r=V,g=c1;b=c2; break;
	}
R = parseInt(r*255);
G = parseInt(g*255);
B = parseInt(b*255);
Info2.value = 'R:'+R+'  G:'+G+'   B:'+B;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function RGBtoHTML(){
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));
var rgb=r+g+b;
Info3.value='HTML #'+rgb.toUpperCase();
ColorDiv.style.background = '#'+rgb;
}
function window.onload(){
var iHtml = '';
var iL = (document.body.offsetWidth-6*iW)/2;
var iT = (document.body.offsetHeight-iH)/2;
var RainBow = [255,0,0,  255,255,0,  0,255,0,  0,255,255,  0,0,255,  255,0,255,  255,0,0];
for(var i=0;i<6;i++){
	var R1 = RainBow[i*3];
	var G1 = RainBow[i*3+1];
	var B1 = RainBow[i*3+2];
	var R2 = RainBow[(i+1)*3];
	var G2 = RainBow[(i+1)*3+1];
	var B2 = RainBow[(i+1)*3+2];
	iHtml += "<span style='position:absolute;left:"+(i*iW+iL)+";top:"+iT+";width:"+iW+";height:"+iH+";background:rgb("+R1+","+G1+","+B1+");'></span><span style='position:absolute;left:"+(i*iW+iL)+";top:"+iT+";width:"+iW+";height:"+iH+";background:rgb("+R2+","+G2+","+B2+");filter:alpha(opacity=0,finishopacity=100,Style=1);'></span>"
	}
iHtml += "<span style=position:absolute;left:"+iL+";top:"+iT+";width:"+iW*6+";height:"+iH/2+";background:rgb(255,255,255);filter:alpha(opacity=100,finishOpacity=0,style=1,starty=0,finishy=100,startx=0,finishx=0)></span><span style=position:absolute;left:"+iL+";top:"+(iT+iH/2)+";width:"+iW*6+";height:"+iH/2+";background:rgb(0,0,0);filter:alpha(opacity=0,finishOpacity=100,style=1,starty=0,finishy=100,startx=0,finishx=0)></span><span style='position:absolute;left:"+iL+";top:"+iT+";width:"+iW*6+";height:"+iH+";' onmousemove=HSV()></span>"
document.body.innerHTML += iHtml;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
</body>
</html>

关于很方便的网页取色器的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016359262964.shtml方便下次再访问哦。

·上一篇： 网页半透明效果
·下一篇： 页面立体效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

很方便的网页取色器

文章分类LIST >>返回首页

最新游戏

最新新闻