htmlcss颜色画板

最新推荐文章于 2024-07-17 15:37:36 发布
最新推荐文章于 2024-07-17 15:37:36 发布
阅读量162 收藏
点赞数 2
文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q412406513/article/details/139989656
版权 

<HTML>
<HEAD>
<TITLE>Dvbbs多功能编辑器--调色板工具</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312" />
<Link rel="stylesheet" type="text/css" href="pop.css" />
<SCRIPT language="javascript">
var Dvbbs_IsIE5 = (navigator.userAgent.indexOf("IE 5")  > -1) || (navigator.userAgent.indexOf("IE 6")  > -1);
var Dvbbs_IsIE4	= document.all&&navigator.userAgent.indexOf("Opera")==-1

function InitColorPalette() {
	if (Dvbbs_IsIE4){
	var x = document.all.tags('td');}
	else{
	var x = document.getElementsByTagName('td');}
	for (var i=4; i<x.length; i++) {
		x[i].onmouseover = over;
		x[i].onmouseout = out;
		x[i].onclick = click;
	}
}

//Mouse over palette effects on
function over() {
	if (this.id.length == 7){
		this.style.border='1px solid #FFFFFF';
	}

	if (Dvbbs_IsIE4){
		document.all.colPreview.style.backgroundColor = this.id;
		document.all.hexColValue.value = this.id;}
	else{
		document.getElementById("colPreview").style.backgroundColor = this.id;
		document.getElementById("hexColValue").value = this.id;
	}
}
//Mouse 移开
function out() {
	if (this.id.length == 7){
		this.style.border='1px solid #000000';
	}
}
//Mouse 点击
function click() {
	selectColor(this.id);
}

//颜色选取
function selectColor(color){
	self.parent.setColor(color);
}
</SCRIPT>
<STYLE type="text/css">
td { border: 1px solid; color: #000000;}
.grTd { border: 1px solid; color: white;}
input {border: 0px; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
</STYLE>
</HEAD>
<BODY bgcolor="#CCCCCC" leftmargin="1" topmargin="1" marginwidth="1" marginheight="1" onLoad="InitColorPalette()">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="2" bordercolor="#CCCCCC" bgcolor="#CCCCCC" style="none;">
 <TR> 
  <TD class="grTd" width="40"><DIV style="background-color: #000000; padding: 1; height: 15px; width: 40px"><DIV id="colPreview" style="height: 100%; width: 100%"></DIV></DIV></TD>
  <TD class="grTd" width="10"><INPUT type="text" id="hexColValue" value="" size="10" style="cursor: default" /></TD>
  <TD class="grTd" width="*" align=right>颜色画板</TD>
 </TR>
</TABLE>
<TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000" width="100%" height="84%">
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#003300" bgcolor="003300" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#006600" bgcolor="006600" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#009900" bgcolor="009900" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00CC00" bgcolor="00CC00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FF00" bgcolor="00FF00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#330000" bgcolor="330000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#333300" bgcolor="333300" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#336600" bgcolor="336600" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#339900" bgcolor="339900" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33CC00" bgcolor="33CC00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33FF00" bgcolor="33FF00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#660000" bgcolor="660000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#663300" bgcolor="663300" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#666600" bgcolor="666600" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#669900" bgcolor="669900" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66CC00" bgcolor="66CC00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66FF00" bgcolor="66FF00" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#333333" bgcolor="333333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000033" bgcolor="000033" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#003333" bgcolor="003333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#006633" bgcolor="006633" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#009933" bgcolor="009933" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00CC33" bgcolor="00CC33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FF33" bgcolor="00FF33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#330033" bgcolor="330033" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#333333" bgcolor="333333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#336633" bgcolor="336633" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#339933" bgcolor="339933" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33CC33" bgcolor="33CC33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33FF33" bgcolor="33FF33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#660033" bgcolor="660033" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#663333" bgcolor="663333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#666633" bgcolor="666633" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#669933" bgcolor="669933" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66CC33" bgcolor="66CC33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66FF33" bgcolor="66FF33" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#666666" bgcolor="666666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000066" bgcolor="000066" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#003366" bgcolor="003366" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#006666" bgcolor="006666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#009966" bgcolor="009966" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00CC66" bgcolor="00CC66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FF66" bgcolor="00FF66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#330066" bgcolor="330066" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#333366" bgcolor="333366" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#336666" bgcolor="336666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#339966" bgcolor="339966" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33CC66" bgcolor="33CC66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33FF66" bgcolor="33FF66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#660066" bgcolor="660066" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#663366" bgcolor="663366" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#666666" bgcolor="666666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#669966" bgcolor="669966" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66CC66" bgcolor="66CC66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66FF66" bgcolor="66FF66" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#999999" bgcolor="999999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000099" bgcolor="000099" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#003399" bgcolor="003399" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#006699" bgcolor="006699" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#009999" bgcolor="009999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00CC99" bgcolor="00CC99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FF99" bgcolor="00FF99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#330099" bgcolor="330099" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#333399" bgcolor="333399" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#336699" bgcolor="336699" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#339999" bgcolor="339999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33CC99" bgcolor="33CC99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33FF99" bgcolor="33FF99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#660099" bgcolor="660099" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#663399" bgcolor="663399" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#666699" bgcolor="666699" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#669999" bgcolor="669999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66CC99" bgcolor="66CC99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66FF99" bgcolor="66FF99" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCCCC" bgcolor="CCCCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0000CC" bgcolor="0000CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0033CC" bgcolor="0033CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0066CC" bgcolor="0066CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0099CC" bgcolor="0099CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00CCCC" bgcolor="00CCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FFCC" bgcolor="00FFCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3300CC" bgcolor="3300CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3333CC" bgcolor="3333CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3366CC" bgcolor="3366CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3399CC" bgcolor="3399CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33CCCC" bgcolor="33CCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33FFCC" bgcolor="33FFCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6600CC" bgcolor="6600CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6633CC" bgcolor="6633CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6666CC" bgcolor="6666CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6699CC" bgcolor="6699CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66CCCC" bgcolor="66CCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66FFCC" bgcolor="66FFCC" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFFFF" bgcolor="FFFFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0000FF" bgcolor="0000FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0033FF" bgcolor="0033FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0066FF" bgcolor="0066FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0099FF" bgcolor="0099FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00CCFF" bgcolor="00CCFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FFFF" bgcolor="00FFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3300FF" bgcolor="3300FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3333FF" bgcolor="3333FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3366FF" bgcolor="3366FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#3399FF" bgcolor="3399FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33CCFF" bgcolor="33CCFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#33FFFF" bgcolor="33FFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6600FF" bgcolor="6600FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6633FF" bgcolor="6633FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6666FF" bgcolor="6666FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#6699FF" bgcolor="6699FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66CCFF" bgcolor="66CCFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#66FFFF" bgcolor="66FFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF0000" bgcolor="FF0000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#990000" bgcolor="990000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#993300" bgcolor="993300" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#996600" bgcolor="996600" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#999900" bgcolor="999900" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99CC00" bgcolor="99CC00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99FF00" bgcolor="99FF00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC0000" bgcolor="CC0000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC3300" bgcolor="CC3300" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC6600" bgcolor="CC6600" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC9900" bgcolor="CC9900" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCC00" bgcolor="CCCC00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCFF00" bgcolor="CCFF00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF0000" bgcolor="FF0000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF3300" bgcolor="FF3300" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF6600" bgcolor="FF6600" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF9900" bgcolor="FF9900" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFCC00" bgcolor="FFCC00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFF00" bgcolor="FFFF00" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FF00" bgcolor="00FF00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#990033" bgcolor="990033" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#993333" bgcolor="993333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#996633" bgcolor="996633" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#999933" bgcolor="999933" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99CC33" bgcolor="99CC33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99FF33" bgcolor="99FF33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC0033" bgcolor="CC0033" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC3333" bgcolor="CC3333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC6633" bgcolor="CC6633" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC9933" bgcolor="CC9933" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCC33" bgcolor="CCCC33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCFF33" bgcolor="CCFF33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF0033" bgcolor="FF0033" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF3333" bgcolor="FF3333" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF6633" bgcolor="FF6633" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF9933" bgcolor="FF9933" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFCC33" bgcolor="FFCC33" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFF33" bgcolor="FFFF33" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#0000FF" bgcolor="0000FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#990066" bgcolor="990066" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#993366" bgcolor="993366" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#996666" bgcolor="996666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#999966" bgcolor="999966" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99CC66" bgcolor="99CC66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99FF66" bgcolor="99FF66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC0066" bgcolor="CC0066" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC3366" bgcolor="CC3366" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC6666" bgcolor="CC6666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC9966" bgcolor="CC9966" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCC66" bgcolor="CCCC66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCFF66" bgcolor="CCFF66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF0066" bgcolor="FF0066" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF3366" bgcolor="FF3366" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF6666" bgcolor="FF6666" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF9966" bgcolor="FF9966" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFCC66" bgcolor="FFCC66" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFF66" bgcolor="FFFF66" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFF00" bgcolor="FFFF00" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#990099" bgcolor="990099" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#993399" bgcolor="993399" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#996699" bgcolor="996699" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#999999" bgcolor="999999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99CC99" bgcolor="99CC99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99FF99" bgcolor="99FF99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC0099" bgcolor="CC0099" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC3399" bgcolor="CC3399" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC6699" bgcolor="CC6699" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC9999" bgcolor="CC9999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCC99" bgcolor="CCCC99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCFF99" bgcolor="CCFF99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF0099" bgcolor="FF0099" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF3399" bgcolor="FF3399" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF6699" bgcolor="FF6699" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF9999" bgcolor="FF9999" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFCC99" bgcolor="FFCC99" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFF99" bgcolor="FFFF99" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#00FFFF" bgcolor="00FFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9900CC" bgcolor="9900CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9933CC" bgcolor="9933CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9966CC" bgcolor="9966CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9999CC" bgcolor="9999CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99CCCC" bgcolor="99CCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99FFCC" bgcolor="99FFCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC00CC" bgcolor="CC00CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC33CC" bgcolor="CC33CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC66CC" bgcolor="CC66CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC99CC" bgcolor="CC99CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCCCC" bgcolor="CCCCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCFFCC" bgcolor="CCFFCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF00CC" bgcolor="FF00CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF33CC" bgcolor="FF33CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF66CC" bgcolor="FF66CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF99CC" bgcolor="FF99CC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFCCCC" bgcolor="FFCCCC" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFFCC" bgcolor="FFFFCC" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
 <TR> 
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF00FF" bgcolor="FF00FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#000000" bgcolor="000000" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9900FF" bgcolor="9900FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9933FF" bgcolor="9933FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9966FF" bgcolor="9966FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#9999FF" bgcolor="9999FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99CCFF" bgcolor="99CCFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#99FFFF" bgcolor="99FFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC00FF" bgcolor="CC00FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC33FF" bgcolor="CC33FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC66FF" bgcolor="CC66FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CC99FF" bgcolor="CC99FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCCCFF" bgcolor="CCCCFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#CCFFFF" bgcolor="CCFFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF00FF" bgcolor="FF00FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF33FF" bgcolor="FF33FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF66FF" bgcolor="FF66FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FF99FF" bgcolor="FF99FF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFCCFF" bgcolor="FFCCFF" height="11" width="11"><IMG width="1" height="1" /></TD>
  <TD id="#FFFFFF" bgcolor="FFFFFF" height="11" width="11"><IMG width="1" height="1" /></TD>
 </TR>
</TABLE>
</BODY>
</HTML>

q412406513
关注
HTML5教程7-实战：调色板
William_fang的博客
06-17 1557
文章目录一.调色板实现思路二.代码展示三.总结 一.调色板实现思路 ①实现网页布局 ②给范围绑定事件 ③将范围条目前处于的value赋值给右侧的兄弟元素 ④修改顶部盒子的背景颜色 二.代码展示 三.总结 ①表单元素可以结合事件input   当表单元素的value属性值发生变化的时候，这个事件会触发。 ②JSON数据格式是以K-V形式存在的，可以同时存储多条数据。 ...
【html】用html和JavaScript实现一个调色盘（可以用来生成纯色桌面背景）
最新发布
weixin_56334307的博客
08-04 967
1.通过JavaScript 常见三个滑动条，设置范围（0-255），分别表示 r g b2.将 r g b 转为颜色，并设置为画布的背景颜色3.通过浏览器开发者工具截取节点屏幕截图并保存4.设为桌面背景。
怎么调用html调色板,JS实现的系统调色板完整实例
weixin_34524593的博客
06-04 677
本文实例讲述了JS实现的系统调色板。分享给大家供大家参考，具体如下：运行效果图如下：整体页面代码：DW调色板var ColorHex=new Array('00','33','66','99','CC','FF')var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')var current=nu...
HTML 颜色名：网页设计的调色板
wjs2024的博客
06-16 541
HTML 颜色名是一组预定义的颜色名称，可以直接在 HTML 和 CSS 代码中使用。这些颜色名通常是基于颜色的英文单词，如 "red"、"blue"、"green" 等。HTML 颜色名共有 140 个标准颜色，这些颜色覆盖了从基本颜色到更复杂的色调。
HTML调色板
angxingyu9791的博客
07-11 1198
　　调色板路径 https://encycolorpedia.cn/ 转载于:https://www.cnblogs.com/nhdlb/p/11168622.html
HTML背景颜色板
a420344的专栏
05-11 1174
保存HTML背景颜色板 <tr><td colspan="4" style="color:blue\;background-color:Aquamarine\;font-size:30px">
html5 涂鸦画板-原创
11-02
8. **颜色选择器**：涂鸦画板通常会有一个颜色选择器，让用户选择画笔或填充的颜色。这可以通过JavaScript来实现，根据用户的输入更新绘图工具的颜色。 9. **事件处理**：为了响应用户的鼠标和触摸操作，需要设置...
html工具合集：本地音乐播放器、rgb颜色码对照表、绘画板
08-01
一个html工具合集，自己写的一些会用到的小工具，都是纯html、css、js实现的。然后还用index首页，将这些工具集合到了一起，点击即可跳转到对应工具。 音乐播放器：基本功能都有，像切换播放、上下一首、播放暂停、...
你画我猜-html css js网页设计
06-20
在"你画我猜"的设计中，CSS用于设定颜色、字体、边距、填充、动画效果等视觉特性。通过选择器（如类名或ID），CSS可以精确地定位到HTML中的特定元素，并应用相应的样式。例如，可以使用`display: flex`或`grid`布局...
基于HTML+Javascript的画板制作
m0_75016054的博客
07-17 357
一、项目介绍项目名称为“水果画板”，由水果工作站于2024年份开发。以下是水果画板的初始开发阶段，项目是一个基于 HTML、CSS 和 JavaScript 的在线画板工具。该工具设计用于提供用户一个简单易用的绘图写字环境，特别适合教育和娱乐场景。主要功能包括绘制、擦除、新建页面、清空画布、选择背景颜色、画笔颜色和大小调整以及画布透明度控制。用户可以通过点击按钮或者使用触摸屏幕来进行绘制操作，支持实时绘制和自动擦除功能，提供了直观的页面导航和页码显示功能，使用户可以轻松切换和管理多个绘画页面。
HTML5画板画图工具.zip
11-18
在前端开发中，HTML5画板工具通常结合CSS（层叠样式表）来控制界面布局和样式，让画布看起来更加美观且易于使用。CSS允许开发者定义颜色、字体、布局等视觉效果，以提供良好的用户体验。 JavaScript作为客户端脚本...
html调用windows调色板
01-30
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT> <script> var tempColor = "0099cc"; function returnColor(){ var Hcolor = dlgHelper.ChooseColorDlg(tempColor).toString(16); with(event.srcElement){ value = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor; style.backgroundColor = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor; } tempColor = Hcolor } </script> <input type="text" value="0099CC" size="12" onclick="returnColor()" style="background-color: #0099CC">
HTML移动端JS调色板
08-24
将压缩包的所有资源导入项目中，在自己需要的H5界面插入.js文件和.css文件，此库依赖jquery，在导入之前先导jquery，导入后使用 $(document).ready(function() { $('#这个是自己用一个div包住整个调色板的diID').farbtastic(); }); color文件夹放的是调色板的图片，根据自己放的路径，去.css文件改一下根目录路径就可以了
js 特效 html 特效 调色板工具
09-03
js 特效 html 特效 调色板工具 js 特效 html 特效 调色板工具
背景色代码调色板(HTML经典用例)
09-08
更多资源请查看: http://download.csdn.net/user/njzdl
CSSpalette:根据用户选择的颜色生成调色板和随附CSS
04-27
不是你爸爸的最终项目 CS 4320，密苏里大学，2018年夏季 此网络应用程序会生成一个CSS代码块，该代码块代表一种颜色方案，该颜色方案基于用户使用JScolor插件选择的颜色。 团队成员 雅各布·齐默（Jlz6w7，Scrum Master） 斯科特·沃特金斯（Watkinssco） 斯凯勒·冈恩（sig97） 扎克·沃森（Watsonzm） 档案文件 /JScolor是与我们项目中使用JavaScript颜色选择器实用程序有关的所有文件（下面有更多信息） /utilities包含用于执行后端功能的所有PHP文件index.php登陆页面output.php调色板输出页面palette.css是生成CSS文件的示例，然后将其下载到用户的机器上（下载功能仍在产品待办事项列表中） 前端页面的script.js交互逻辑style.css登陆页面的其他样式 JScolor-JavaSc
html浏览器安全调色板,网页安全色调色盘
weixin_35796523的博客
06-07 1672
在HTML的语法中，颜色会以十六进位值(例如：#FF0000)或颜色名称(例如：Red)来表示。网页安全色是指在256色模式下，无论在Windows或Macintosh系统下，在Netscape Navigator和Microsoft Internet Explorer浏览器中都能显示相同的颜色。传统上有216种常用颜色，而任何结合00、33、66、99、cc和ff(RGB值分别是0、51、102...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

q412406513

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值