⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 nc_selcolor.htm

📁 本系统是一套开源WEB的网站管理系统
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<HTML>
<HEAD>
<TITLE>多功能编辑器--调色板工具</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<Link rel="stylesheet" type="text/css" href="pop.css">
<script language="javascript">
var oblog_IsIE5 = (navigator.userAgent.indexOf("IE 5")  > -1) || (navigator.userAgent.indexOf("IE 6")  > -1);
var oblog_IsIE4	= document.all&&navigator.userAgent.indexOf("Opera")==-1

function InitColorPalette() {
	if (oblog_IsIE4){
	var x = document.all.tags('td');}
	else{
	var x = document.getElementsByTagName('td');}
	for (var i=0; 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 (oblog_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: #CCCCCC;}
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"><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"><input type="text" id="hexColValue" value="" size="10" style="cursor: default" /></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>
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -