JS 216网页安全色调色板 DW 风格

news/2024/7/10 22:13:51 标签: J#, ASP, HTML

<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" οnmοuseοver="doOver()" οnmοuseοut="doOut()" οnclick="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 οnlοad="intocolor()">
<div id="colorpanel" style="position: absolute;">
 </div>
</body>
</html>


转自:http://www.imting.com/puterjam/blogview.asp?logID=5&cateID=1


http://www.niftyadmin.cn/n/608995.html

相关文章

c#接口和抽象类的区别 最佳回答

这个问题是面试中经常提到的问题,这里给大家一个最佳答案 一、抽象类&#xff1a; 抽象类是特殊的类&#xff0c;只是不能被实例化&#xff1b;除此以外&#xff0c;具有类的其他特性&#xff1b;重要的是抽象类可以包括抽象方法&#xff0c;这是普通类所不能的。抽象方法只能…

容器内的域名解析需求

容器内的域名解析需求 由于Dockerfile构建镜像时并不会打包host映射, 当容器需要将特定域名解析到特定IP时, 需要使用一些特殊手段. 好在Docker和Kubernetes都原生支持容器指定域名解析的特性: Docker 使用--add-host参数: docker run -it --rm --add-hosttest.example.com…

浮动的X-menu

<script>function CoolMenuControl(){ file://-----常规变量--- this.lastScrollX0;this.lastScrollY0;this.lastScrollW0;this.lastScrollH0;this.FlsY0;this.td_X0;this.td_Y0;this.td_W0;this.td_H0;this.td0;this.My14;this.mouseon0;this.currentnullthis.hk_name…

List、Set和Map详解及其区别和他们分别适用的场景

Java中的集合包括三大类 它们是Set&#xff08;集&#xff09;、List&#xff08;列表&#xff09;和Map&#xff08;映射&#xff09;&#xff0c;它们都处于java.util包中&#xff0c;Set、List和Map都是接口&#xff0c;它们有各自的实现类。Set的实现类主要有HashSet和Tre…

经典答案:下水道井盖为什么是圆的——让面试官无语

经典答案&#xff1a;下水道井盖为什么是圆的——让面试官无语面试官&#xff1a;现在我们要问一个问题&#xff0c;看看你的创造性思维能力。不要想得太多&#xff0c;运用日常生活中的常识&#xff0c;描述一下你的想法。这个问题是&#xff0c;下水道的井盖为什么是圆的&…

离线环境安装Docker,运行tomcat,部署项目war包

离线环境安装Docker&#xff0c;运行tomcat&#xff0c;部署项目war包 1.Centos7.5离线环境安装docker 2.运行tomcat镜像 3.部署项目war包

腾讯QQ/TM珊瑚虫外挂/集成安装版(v3.0.2)[下载]

最新版本&#xff1a; 腾讯 QQ/TM 珊瑚虫外挂v3.0.2 http://orienthomebj.link263.com/soff/CoralQQ.rar腾讯 QQ/TM 珊瑚虫集成安装版v3.0.2 &#xff08;QQ2004II 正式版&#xff09;http://orienthomebj.link263.com/soff/IPQQ2004II.exe≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡…

改善程序员脑力的70条方法

最近在网上看到的,供大家分享 1. 深呼吸&#xff1a;让更多的空气&#xff08;氧气&#xff09;进入血液和大脑。同时深呼吸也可以放松自己。 2. 冥思&#xff1a;简单的冥思方法就是闭上双眼&#xff0c;将思绪专注在呼吸上&#xff0c;收缩肌肉然后再放松身体。走神后&#…