手机站
网通分站
电信主站
密 码:
用户名:
热门关键字:  虚拟主机  cn域名  域名注册  非法  seo
当前位置 : 主页>程序设计>Java技术>列表

用JavaScript脚本制作自己的色谱图

来源:互联网 作者:west263.com 时间:2008-02-23 点击:
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此,在设计网页时常常需要设置网页背景或其它网页元素的颜色,而网页设计软件(如Dreamweaver)的调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色,可以使用JavaScript脚本制作自己的色谱,这将给你的设计工作带来很大的方便。

显示色谱图的HTML代码和JavaScript脚本如下:

<HTML>
<HEAD>
<TITLE>色谱图</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<CENTER>
<h2>512色色谱图</h2>
<SCRIPT LANGUAGE="JavaScript">
//定义数组对象
clr=new Array('00','20','40','60','80','a0','c0','ff');
//创建8个8行8列的表格
for (i=0;i<8;i ) {
//创建表格,单元格内填充距8像素
document.write("<table border=1 cellpadding=8>");
for (j=0;j<8;j ) {
document.write("<tr>");
for (k=0;k<8;k ) {
//设置表格单元的背景颜色
document.write('<td bgcolor="#' clr[i] clr[j] clr[k] '">');
//设置文字颜色
document.write('<tt><font color="#' clr[7-i] clr[7-j] clr[7-k] '"> ');
//显示16进制颜色值
document.write('#' clr[i] clr[j] clr[k] ' </font></tt></td>'); }
document.write("</tr>"); }
document.write("</table><br>"); }
</SCRIPT>
</CENTER>
</BODY>
</HTML>

点击这里即可看到512色色谱图。色谱图由8个表格组成,每个表格为64种颜色。应用时,复制你在色谱图中选定的颜色上的16进制颜色值,粘贴到颜色代码框中即可。

上一篇: [webservices]XFire Web服务的单元测试
下一篇: [webservices开发]集成Spring

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名
注册