<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2311">
<title>DW调色板</title>
<script>
var ColorHex=new Array('00','33','66','99','CC','FF')
var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')
var current=null
function intocolor()
{
var colorTable=''
for (i=0;i<2;i++)
{
for (j=0;j<6;j++)
{
colorTable=colorTable+'<tr height=12>'
colorTable=colorTable+'<td width=11 style="background-color:#000000">'
if (i==0){
colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[j]+ColorHex[j]+ColorHex[j]+'">'}
else{
colorTable=colorTable+'<td width=11 style="background-color:#'+SpColorHex[j]+'">'}
colorTable=colorTable+'<td width=11 style="background-color:#000000">'
for (k=0;k<3;k++)
{
for (l=0;l<6;l++)
{
colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]+'">'
}
}
}
}
colorTable='<table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000">'
+'<tr height=30><td colspan=21 bgcolor=#cccccc>'
+'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse">'
+'<tr><td width="3"><td><input type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"></td>'
+'<td width="3"><td><input type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"></td></tr></table></td></table>'
+'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doOver()" onmouseout="doOut()" onclick="doclick()" style="cursor:hand;">'
+colorTable+'</table>';
colorpanel.innerHTML=colorTable
}
function doOver() {
if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) {
if (current!=null){current.style.backgroundColor = current._background}
event.srcElement._background = event.srcElement.style.backgroundColor
DisColor.style.backgroundColor = event.srcElement.style.backgroundColor
HexColor.value = event.srcElement.style.backgroundColor
event.srcElement.style.backgroundColor = "white"
current = event.srcElement
}
}
function doOut() {
if (current!=null) current.style.backgroundColor = current._background
}
function doclick(){
if (event.srcElement.tagName=="TD"){
alert("选取颜色: "+event.srcElement._background)
return event.srcElement._background
}
}
</script>
</head>
<body onload="intocolor()">
<div id="colorpanel" style="position: absolute;">
</div>
</body>
</html>
转自：http://www.imting.com/puterjam/blogview.asp?logID=5&cateID=1
分享到：
相关推荐
在具体解释这一主题之前，我们首先要了解几个关键词的含义，它们分别是：JavaScript（JS）、网页安全色调色板、DW风格以及调色板。 JavaScript（JS）是一种高级的、解释执行的编程语言，广泛应用于网页的前端开发中...
在Photoshop中，“PS16色调色板”是一个基础且重要的概念，尤其对于初学者来说，理解并掌握它对于提升设计效率和作品质量至关重要。 “PS16色调色板”指的是Photoshop中预设的一种颜色选择方案，它包含了16种基本...
上课的时候新作的一款调色板，希望大家会喜欢~
在这个主题中，“VC三基色调色板”是一个实践项目，它涉及到颜色理论、用户界面设计以及Windows API编程。 在计算机图形学中，三基色是指红、绿、蓝（RGB）三种颜色，它们可以通过不同的组合产生几乎所有的色彩。在...
在网页设计中，调色板的选择直接影响到网站的整体风格和情感传达。不同的颜色组合可以引发用户不同的情绪反应，比如蓝色通常传递出专业和信任感，而红色则可能激发活力或紧迫感。 接下来，我们来逐一分析7种不同的...
在网页设计领域，色彩搭配是至关重要的，因为它直接影响到用户对网站的第一印象和用户体验。"web网页调色板"是一个非常实用的工具，它能够帮助设计师轻松地选择和管理网页的颜色方案，使得网页的设计更加专业且吸引...
调色板 用javascript编写的调色板 直接下来就可以用了
《谊生网页取色板——VB源码解析与应用》 在网页设计中，选取合适的颜色搭配对于提升网站视觉效果至关重要。"谊生网页取色板"是一款实用工具，它为设计师提供了便捷的屏幕取色功能，同时包含了VB（Visual Basic）...
js生成 颜色立方体/连续色调/灰度 调色板
在提供的文件列表中，"ColorView.sln"和"ColorView.suo"是Visual Studio解决方案文件和用户选项文件，它们可能包含了创建这个三原色调色板应用的项目信息和用户设置。"ColorView"可能是一个执行程序或者包含程序资源...
js 特效 html 特效 调色板工具 js 特效 html 特效 调色板工具
【JS 极品调色板】是一个以JavaScript为基础的调色工具，允许用户自定义和搭配颜色，以满足网页设计、图形艺术或者编程时的颜色需求。JavaScript作为一种强大的客户端脚本语言，广泛应用于网页交互和动态效果，而...
将压缩包的所有资源导入项目中，在自己需要的H5界面插入.js文件和.css文件，此库依赖jquery，在导入之前先导jquery，导入后使用 $(document).ready(function() { $('#这个是自己用一个div包住整个调色板的diID')....
【标题】"CoolHue最酷的渐变色调和色板" 涉及到的知识点主要集中在网页设计中的色彩运用以及JavaScript编程方面。在网页设计中，色彩选择和搭配对于用户界面的视觉效果和用户体验至关重要。CoolHue提供了一种创新的...
### 调色板的JS代码详解 在网页设计与开发中，颜色选择器或调色板是一个常用的功能，尤其在需要用户自定义颜色的情况下。本文将深入解析一段用于创建网页调色板的JavaScript代码，帮助理解其工作原理及如何在实际...
在html页面中调用系统调色板并获取颜色值的代码示例
网页设计调色板是网页设计中的关键元素，它关乎到网站的整体视觉效果和用户体验。一个良好的调色板能够提升网站的吸引力，引导用户的情感反应，同时也能强化品牌识别度。在设计网页时，选择合适的颜色搭配是至关重要...
### 位图与调色板：8bpp,256色详解 #### 1. 位图和调色板的概念 随着计算机图形学的发展，位图(Bitmap)与调色板(Palette)成为了图像处理领域中不可或缺的技术。尤其在早期的Windows系统中，这些技术的应用极大地...
JavaScript是一种广泛应用于网页开发的脚本语言，它允许开发者在用户浏览器端动态更新内容，提供交互式的用户体验。在这个“JavaScript调色板”中，我们很可能找到了一个用于网页设计的实用工具，它可以帮助开发者...