js实现的网页颜色代码表全集_js颜色代码对照表,js颜色代码表资源-CSDN下载

117 浏览量 2020-10-30 18:42:20 上传评论收藏 72KB PDF 举报

JS实现的网页颜色代码表全集知识点总结网页颜色代码表全集是基于JavaScript语言实现的网页颜色代码表全集，通过使用JavaScript脚本实现了网页颜色代码表全集的生成和展示。下面是该项目的知识点总结： 1. HTML基本结构：该项目使用HTML 4.0 Transitional文档类型，定义了基本的HTML结构，包括HEAD、TITLE、META、STYLE、SCRIPT、BODY等元素。 2. CSS样式定义：定义了TD、BODY、BUTTON等元素的CSS样式，设置了字体大小、按钮宽度等样式。 3. JavaScript脚本：使用JavaScript语言编写的脚本，实现了网页颜色代码表全集的生成和展示，包括： * 定义了几个函数：ToHex、DoColor、EndColor等，用于颜色代码的转换和计算。 * 实现了颜色选择和灰度选择功能，使用事件处理函数来响应用户的交互操作。 * 使用JavaScript的dom操作来动态生成颜色表格和灰度表格。 4. 颜色代码生成：使用JavaScript脚本生成颜色代码表全集，包括RGB颜色代码和十六进制颜色代码。 5. 颜色选择和灰度选择：使用JavaScript脚本实现了颜色选择和灰度选择功能，用户可以通过点击颜色表格和灰度表格来选择不同的颜色和灰度。 6. 动态生成表格：使用JavaScript脚本动态生成颜色表格和灰度表格，根据用户的选择实时更新表格的内容。 7. 事件处理：使用JavaScript脚本实现了事件处理功能，响应用户的交互操作，例如鼠标点击、鼠标移动等事件。 8. dom操作：使用JavaScript脚本的dom操作来动态生成和更新网页内容，包括颜色表格和灰度表格。 9. 网页颜色代码表全集的实现：使用JavaScript脚本实现了网页颜色代码表全集的生成和展示，包括颜色选择、灰度选择、动态生成表格等功能。 JS实现的网页颜色代码表全集是一个基于JavaScript语言实现的网页颜色代码表全集，使用JavaScript脚本实现了网页颜色代码表全集的生成和展示，包括颜色选择、灰度选择、动态生成表格等功能。

资源详情

资源评论

资源推荐

js实现的网页颜色代码表全集实现的网页颜色代码表全集

js实现的网页颜色代码表全集

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>网页颜色代码全集</TITLE>

<STYLE type=text/css>TD {

FONT-SIZE: 10.8pt

}

BODY {

FONT-SIZE: 10.8pt

}

BUTTON {

WIDTH: 5em

}

</STYLE>

var SelRGB = '';

var DrRGB = '';

var SelGRAY = '120';

var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');

function ToHex(n)

{ var h, l;

n = Math.round(n);

l = n % 16;

h = Math.floor((n / 16)) % 16;

return (hexch[h] + hexch[l]);

}

function DoColor(c, l)

{ var r, g, b;

r = '0x' + c.substring(1, 3);

g = '0x' + c.substring(3, 5);

b = '0x' + c.substring(5, 7);

if(l > 120)

{

l = l - 120;

r = (r * (120 - l) + 255 * l) / 120;

g = (g * (120 - l) + 255 * l) / 120;

b = (b * (120 - l) + 255 * l) / 120;

}else

{

r = (r * l) / 120;

g = (g * l) / 120;

b = (b * l) / 120;

}

return '#' + ToHex(r) + ToHex(g) + ToHex(b);

}

function EndColor()

{ var i;

if(DrRGB != SelRGB)

{

DrRGB = SelRGB;

for(i = 0; i <= 30; i ++)

GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8);

}

SelColor.value = DoColor(RGB.innerText, GRAY.innerText);

ShowColor.bgColor = SelColor.value;

}

</SCRIPT>

SelRGB = event.srcElement.bgColor;

EndColor();

</SCRIPT>

RGB.innerText = event.srcElement.bgColor;

EndColor();

</SCRIPT>

RGB.innerText = SelRGB;

EndColor();

</SCRIPT>

SelGRAY = event.srcElement.title;

EndColor();

</SCRIPT>

GRAY.innerText = event.srcElement.title;

EndColor();

</SCRIPT>

GRAY.innerText = SelGRAY;

EndColor();

</SCRIPT>

window.returnValue = SelColor.value;

window.close();

</SCRIPT>

</HEAD>

<p><font color="#FF0000" size="5"><strong><a href="http://www.zhaozi.cn"><font color="#FF6600">找字网</font></a>网

页颜色代

码选择器</strong></font></p>

</DIV>

<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd

border=0>

<TBODY>

<TD align=middle width="10%"><SELECT onchange=selectchg(this.value)

name=select1> <OPTION value=1 selected>红</OPTION> <OPTION

value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION

value=4>灰</OPTION></SELECT> </TD>

<TBODY>

<TR>

<TD width="81%" align=right>颜色值

</TD>

<TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0

width=40 border=0>

<TBODY>

<TR>

<TD id=customcolor onmouseover=showcolor(this)

bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

<TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0

border=0><SCRIPT language=VBScript>

function hexit(which)

hexit=hex(which)

end function

</SCRIPT>

for(i=0;i<=15;++i)

{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)"

width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>')

document.all['tdleft' + i].num=i

}

</SCRIPT>

<TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0

border=0>

document.write('<tr><td></td>')

for(i=0;i<=15;++i)

{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}

document.write('</tr>')

for(i=0;i<=15;++i)

{document.write('<tr>')

document.write('<td align="center">'+ hexit(0+i*17) +'</td>')

for(j=0;j<=15;++j)

{document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15"

height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')}

document.write('</tr>')

}

</SCRIPT>

<TD colSpan=2

height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。

<BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>

function selectchg(which)

{switch(which)

{case '1' :leftR();break;

case '2' :leftG();break;

case '3' :leftB();break;

case '4' :leftA();break;

}

function leftR()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}

rightR(0)

}

function leftG()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}

rightG(0)

}

function leftB()

剩余21页未读，继续阅读

评论收藏

内容反馈

weixin_38622983

粉丝: 6

js实现的网页颜色代码表全集

评论0

最新资源

js实现的网页颜色代码表全集

评论0

一个较全的JS在线工具集代码

颜色对照表

常用RGB颜色表

js实现可得到不同颜色值的颜色选择器实例

网页颜色代码全集

网页颜色代码全集 颜色

比较全的网页颜色代码全集

网页颜色代码全集网页颜色代码全集

智勇之家_网页颜色代码全集

RGB颜色对照表!!!

h5页面选择颜色、颜色查询对照表

十六进制颜色代码表

网页或javascript中可以用到的颜色代码大全

颜色代码表

颜色代码表（帮助你更好的处理颜色资源）

网页颜色代码选择器一二

找字网网页颜色代码全集

js随机颜色代码的多种实现方式.docx

js随机颜色代码的多种实现方式

HTML网页设计语言字符集表和颜色代码表.pdf

一个基于dhtml+js实现的Web颜色拾取控件colorpicker

网页颜色表[ASP.NET]

js实现div可设置宽度背景颜色代码.zip

原生js颜色随机生成9x9乘法表代码.zip

网页颜色代码全集html版 几乎所有的颜色代码

网页广告代码全集js

你好，你好。

qca6410 PC端软件固件和操作说明.zip

最新资源

网页颜色代码全集颜色

网页颜色代码全集html版几乎所有的颜色代码