项目中需要从页面选择颜色定制背景色，google了一个样例，但其html代码太大所以自己写了一段js替之。
觉得还是比较有用的一段小代码，希望可以帮到一些朋友。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>the color</title>
<script>
var Color = {
outprint: function() {
var s='',i=0,cc = this.getCC();
for(var b=1;b<=56;b+=11){
for(var a=1;a<=281;a+=8){s+=this.getArea(a,b,a+6,b+9,cc[i++]);}
}
document.write(s);
},
getCC: function() {
var c=['00','33','66','99','cc','ff'],cc=[];
for(var j=c.length;j>0;j--){
var ccm=c[j-1];
for(var i=0;i<c.length;i++){
var ccl=c[i];
for(var l=0;l<c.length;l++){cc[cc.length]=ccl+ccm+c[l];}
}
}
return cc;
},
getArea: function(a,b,c,d,cc) {
return '<area shape="rect" coords='+a+','+b+','+c+','+d+
' href="javascript:Color.theColor(\'#'+cc+'\')"/>';
},
theColor: function(cvalue) {
//to do
//alert(cvalue);
document.getElementById('theColor').style.color=cvalue;
}
}
</script>
</head>
<body>
<span id="color_selection" style="display:;">
<img height="67" src="palette.gif" width="289" useMap="#spmap" border="0"/>
</span>
<map name="spmap"><script>Color.outprint();</script></map>
<span id="theColor" name="theColor" style="color:#000000;">THE COLOR</span>
</body>
</html>
- 描述: 文件中使用的palette.gif
- 大小: 7.7 KB
分享到：
相关推荐
3. **RealizePalette**: 实现调色板意味着将逻辑调色板转换为物理调色板，即将调色板中的颜色映射到显示器实际支持的颜色。这个过程通常在窗口显示或重绘时发生。 4. **SetSystemPaletteUse**: 通过这个函数，...
在计算机图形学中，调色板（Palette）是一种在8位色彩或更低色彩深度系统中管理颜色的方法。在这些系统中，每个像素只能表示256种不同的颜色，因此需要一个调色板来映射这些索引到实际的颜色。本教程主要针对VC++...
而“jquery调色板插件”则是jQuery生态中的一个重要工具，它为用户界面设计提供了丰富的色彩选择功能。下面将详细阐述这个插件的相关知识点。 首先，jQuery调色板插件的主要功能是提供一个互动式的颜色选择器，帮助...
在Windows Forms（WinForm）开发中，创建一个简单的调色板是常见的需求，这通常用于图形设计或颜色选择相关的应用程序。本项目的核心是利用WinForm提供的控件来实现这一功能，主要涉及ScrollBar和TextBox控件。 ...
在本项目“vue-调色板”中，我们将会探索如何利用Vue来创建一个实用的调色板功能，这对于网页设计或者UI开发来说是非常有价值的工具。这个项目非常适合初学者用来实践Vue的基本概念和技能。 首先，让我们深入了解...
位图与调色板是计算机图形学中的两个关键概念，特别是在图像处理和显示技术中扮演着重要角色。位图，也称为栅格图像，是由像素阵列构成的，每个像素代表图像上的一个颜色点。调色板则在位图中用于存储和管理颜色，...
在C#中，我们可以使用`ColorPalette`类来操作调色板，例如通过`Bitmap.Palette`属性获取或设置位图的调色板。 C#中处理调色板的方法包括： 1. 创建自定义调色板：可以使用`Color[]`数组创建一个`ColorPalette`，...
### 位图与调色板：8bpp,256色详解 #### 1. 位图和调色板的概念 随着计算机图形学的发展，位图(Bitmap)与调色板(Palette)成为了图像处理领域中不可或缺的技术。尤其在早期的Windows系统中，这些技术的应用极大地...
在Qt框架中，调色板（QPalette）是用于控制应用程序界面元素颜色的重要工具。它允许开发者自定义窗口、控件、文本等的颜色方案，以适应不同的视觉需求或主题风格。Qt的调色板功能提供了丰富的色彩组合，使得UI设计...
在Unity中实现调色板功能是一项重要的任务，因为颜色管理是游戏美术设计、用户界面（UI）元素和场景装饰的重要组成部分。下面我们将深入探讨如何在Unity中创建和使用调色板。 首先，理解颜色的基本概念至关重要。...
调色板 用javascript编写的调色板 直接下来就可以用了
在IT领域，调色板（Palette）是一种非常重要的概念，特别是在图形设计、图像处理和编程中。调色板是一系列预定义的颜色，用于控制和管理显示或打印图像时所用的颜色。手动创建调色板是一种高级技巧，允许用户根据...
在提到的"VB.NET 调色板"中，我们主要关注如何在程序中设计和使用颜色选取工具。以下是五种不同的调色板方法的详细说明： 1. 鼠标点击选取颜色：这种方法通常通过在图片或色块上设置鼠标点击事件来实现。当用户点击...
【基于QT的调色板】是一个使用Qt框架开发的色彩选择工具，类似于Windows操作系统中常见的颜色选取器。Qt是一个跨平台的应用程序开发框架，广泛应用于桌面、移动和嵌入式设备，支持C++和QML语言。这个调色板功能提供...
在本文中，我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库来创建一个简单的调色板。MFC 是微软为C++开发Windows应用程序提供的一套类库，它封装了Windows API，使得开发者能更方便地进行图形用户界面...
将压缩包的所有资源导入项目中，在自己需要的H5界面... $('#这个是自己用一个div包住整个调色板的diID').farbtastic(); }); color文件夹放的是调色板的图片，根据自己放的路径，去.css文件改一下根目录路径就可以了
**MFC RGB简易调色板** MFC（Microsoft Foundation Classes）是微软提供的一套C++类库，用于简化Windows应用程序的开发。在这个“MFC RGB简易调色板”项目中，我们关注的是如何利用MFC来创建一个允许用户在0到255...
【标题】：“调色板程序(VB6.0源代码编写)”是指使用Visual Basic 6.0编程语言设计的一个应用程序，其主要功能是允许用户通过调整红、绿、蓝（RGB）三种颜色分量来创建和编辑自定义的颜色。这个程序能够直观地展示...
在iOS应用开发中，色彩设计是用户体验中的关键因素之一，一个优秀的调色板能够极大地提升应用的视觉吸引力和用户交互性。"iOS开发调色板" 提供了开发者们在构建应用程序时所需要的颜色选择工具，使得他们能够方便地...