科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网›软件频道 ›应用软件›用JavaScript脚本制作自己的色谱图

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

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

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

作者：feng_sundy 来源：CSDN 2008年3月23日

关键字： 自己 制作 JavaScript

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共19页)

网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此，在设计网页时常常需要设置网页背景或其它网页元素的颜色，而网页设计软件(如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>

    • 评论
    • 分享微博
    • 分享邮件
    VIP专区
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章

    业界热点:

    北京第二十六维信息技术有限公司（至顶网）版权所有. 京ICP备15039648号-7 京ICP证161336号 京公网安备 11010802021500号