<html>
<head></head>
<script>
function findObj(n, d){
var p,i,x;
if(!d)d=document;
if((p=n.indexOf("?"))>0 && parent.frames.length){
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n]) && d.all)x=d.all[n];
for(i=0; !x && i<d.forms.length; i++)x=d.forms[i][n];
for(i=0; !x && d.layers && i<d.layers.length; i++)x=findObj(n,d.layers[i].document);
if(!x && d.getElementById)x=d.getElementById(n);
return x;
}
function colorsa(c){
findObj('colordiv').style.display='none';
findObj('colortd').style.backgroundColor='#'+c;
alert('#'+c); //修改此处可达到其他不同的效果
}
var hexch=new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');
function ToHex(n){
var h, l;
n=Math.round(n);
l=n%16;
h=Math.floor((n / 16)) % 16;
return (hexch[h]+hexch[l]);
}
function ToHex1(n){
var l1;
n=Math.round(n);
l1=n % 16;
return (hexch[l1]+hexch[l1]);
}
function wc(r, g, b, n){
r=((r*16+r)*3*(15 - n)+0x80*n) / 15;
g=((g*16+g)*3*(15 - n)+0x80*n) / 15;
b=((b*16+b)*3*(15 - n)+0x80*n) / 15;
document.write('<td width="8" bgcolor="#'+ToHex(r)+ToHex(g)+ToHex(b)+'" onclick="colorsa(\''+ToHex(r)+ToHex(g)+ToHex(b)+'\');" onmouseover="this.style.backgroundImage=\'url(color_bg.gif)\';" onmouseout="this.style.backgroundImage=\'\';"></td>');
}
var cnum=new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0);
function colortabl(){
for(i=0; i < 15; i ++){
document.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
document.write('<td bgcolor="#'+ToHex1(i)+ToHex1(i)+ToHex1(i)+'" height="8" width="8" onclick="colorsa(\''+ToHex1(i)+ToHex1(i)+ToHex1(i)+'\');" onmouseover="this.style.backgroundImage=\'url(color_bg.gif)\';" onmouseout="this.style.backgroundImage=\'\';"></td>')
for(j=0; j < 30; j ++){
n1=j % 5;
n2=Math.floor(j / 5)*3;
n3=n2+3;
wc((cnum[n3]*n1+cnum[n2]*(5 - n1)),(cnum[n3+1]*n1+cnum[n2+1]*(5 - n1)),(cnum[n3+2]*n1+cnum[n2+2]*(5 - n1)), i);
}
document.writeln('</tr></table>');
}
}
</script>
<div id="colordiv" style="display:none;position:absolute;z-index:5;" onmouseout="this.style.display='none';" onmouseover="this.style.display='';">
<script type="text/JavaScript">colortabl();</script>
</div>
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#000000;" id="colortd" onclick="findObj('colordiv').style.display='';">
<tr>
<td><img src="color_ch.gif"></td>
</tr>
</table>
</body>
</html>
图片文件
分享到：
相关推荐
实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...
javascript实现文字渐变特效，很实用的代码
10.17 html颜色代码表 293 10.18 计算平面上两点之间的距离 294 10.19 测试点击速度 295 10.20 元素周期表 297 10.21 计算器 299 10.22 自信测试 302 10.23 滚动交换链接 304 第11章 javascript与activex技术...
10.16 改变slsect选中项的颜色特效 第11章 颜色处理和菜单特效 11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 颜色切换板 11.4 下拉菜单 11.5 左键弹出式菜单 11.6 目录样式的下拉菜单 11.7 网页中的选项卡 11.8 ...
颜色表 ... JavaScript的特点： 简单、易学、易用； 跨平台；IE、Navigator 符合ECMA（欧洲计算机制造协会）标准，可移植； 事件驱动式的脚本程序设计思想； 动态、交互式的操作方式。 JavaScript的作用： ...
10.16 改变slsect选中项的颜色特效 第11章 颜色处理和菜单特效 11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 颜色切换板 11.4 下拉菜单 11.5 左键弹出式菜单 11.6 目录样式的下拉菜单 11.7 网页中的选项卡 11.8 ...
JavaScript实例精通 1．本书1~20章所附代码的运行环境 操作系统：Windows 2003、Windows XP Professional，或者Windows 2000 开发环境：、Dreamwave、Notepad、UltraEdit，或者其他文本编辑器 Web服务器：IIS 5.1及...
6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面...
2.2 赏心悦目的特效 2.3 使用JavaScript来与用户交互 2.4 绕开脚本陷阱 2.5 总结 第3章 开发环境和调试方法 3.1 我能用什么来编写脚本--适合编写JavaScript的文本编辑器 3.2 来自浏览器的支持 ...
这段浪漫代码是通过HTML、CSS和JavaScript编写的，通过结合这三种前端技术，我们创建了一个令人心动的情人节表白页面。包含了逐行打印文字、变色效果和玫瑰花的飘落等特效。它能够营造出浪漫的氛围，并用创意的方式...
2.7.6 实例：九九乘法表 2.8 函数 2.8.1 定义和调用函数 2.8.2 用arguments对象访问函数的参数 2.8.3 实例：杨辉三角 2.9 其他对象 2.9.1 对象简述 2.9.2 时间日期：Date对象 2.9.3 ...
12.1.htm 文档颜色设置 12.2.htm 上次修改时间 12.3.htm DOM 1中的文档属性与聚集 12.4.htm 访问HTML元素属性 第13章（\cha13） 13.1.htm 按位置访问元素 ...
本书共分17章，分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
本书共分17章，分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
实例055 带颜色变化的动态链接按钮 82 实例056 设置图片的样式 83 实例057 设置表格的样式 84 实例058 模拟的进度条 86 3.3 超链接样式 87 实例059 鼠标单击文字超链接样式 87 实例060 鼠标滑过图片...
这里不是重点）学习资源菜鸟CSS3：w3c school:前端即使会了CSS，还是不行，差美工，大量练习（仿网站）什么是CSSCSS: Cascading style sheet: 层叠样式表表现层：美化网页包括：字体，颜色，边距，高度，宽度，背景...
mxp/层的转换特效，2.0版 mxp/加入JSP中的Include mxp/用表单外部的事件来提交表单 mxp/用表单外部的事件来控制表单的行为，包括提交，清空等等 mxp/可以对文本框中的内容做多种限制，比如不包含空格、引号等等 mxp/...
[MonthMaker.java] 月份表算法类 [Pallet.java] 调色板，统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接与浏览，Java源码下载 1个目标文件 摘要:Java源码,网络相关,HTTP ...