用JavaScript脚本制作自己的色谱图
2006-07-08 12:36
253 查看
源自:feng_sundy (个人网站) 标签:web开发
网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此,在设计网页时常常需要设置网页背景或其它网页元素的颜色,而网页设计软件(如Dreamweaver)的调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色,可以使用JavaScript脚本制作自己的色谱,这将给你的设计工作带来很大的方便。
网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此,在设计网页时常常需要设置网页背景或其它网页元素的颜色,而网页设计软件(如Dreamweaver)的调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色,可以使用JavaScript脚本制作自己的色谱,这将给你的设计工作带来很大的方便。
显示色谱图的HTML代码和JavaScript脚本如下:
点击这里即可看到512色色谱图。色谱图由8个表格组成,每个表格为64种颜色。应用时,复制你在色谱图中选定的颜色上的16进制颜色值,粘贴到颜色代码框中即可。
网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此,在设计网页时常常需要设置网页背景或其它网页元素的颜色,而网页设计软件(如Dreamweaver)的调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色,可以使用JavaScript脚本制作自己的色谱,这将给你的设计工作带来很大的方便。
网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此,在设计网页时常常需要设置网页背景或其它网页元素的颜色,而网页设计软件(如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> |
相关文章推荐
- 用JavaScript脚本制作自己的色谱图
- 用JavaScript脚本制作自己的色谱图
- 应用javascript脚本制作二级导航菜单
- 偶自己写的javascript脚本
- 编写Python脚本抓取网络小说来制作自己的阅读器
- 利用Google Translate制作自己的翻译脚本(更新中>>>)
- JavaScript之下雨效果制作--自己封装实例化对象结合canvas
- 童年经典小游戏,俄罗斯方块,让我们一起用javascript来制作自己的童年吧
- 应用JavaScript脚本制作二级导航菜单
- 30个制作相册以及各种图片效果的Javascript脚本
- JavaScript脚本实现web版本的视频聊天室的制作
- 自己制作的autoitX的vbs脚本,用来自动配置金山毒霸2011局域网更新
- JavaScript学习--建立自己的脚本库(模版)
- 利用谷歌 Translate API制作自己的翻译脚本
- 30个制作相册以及各种图片效果的Javascript脚本
- 如何在页面中嵌入自己写的Javascript脚本呢?
- 通过JavaScript脚本来实现网页视频聊天室的快速制作
- javascript实现的制作特殊字的脚本
- shell脚本--制作自己的服务脚本
- [置顶] 通过JavaScript脚本来实现网页视频聊天室的快速制作