<script LANGUAGE="JavaScript"> var hex = new Array(6)<!--定义数组变量--> hex[0] = "FF" hex[1] = "CC" hex[2] = "99" hex[3] = "66" hex[4] = "33" hex[5] = "00" function display(triplet) { document.bgColor = '#' + triplet<!--根据输入的triplet,更新窗口的背景颜色--> alert('现在的背景颜色代码是: ' + triplet)<!--弹出提示窗口--> } function drawCell(red, green, blue) { document.write('<TD BGCOLOR="#' + red + green + blue + '">')<!--定义小方格内的背景颜色--> document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')<!--定义超链接,调用display函数--> document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')<!--引用图片--> document.write('</A>') document.write('</TD>') } function drawRow(red, blue) { document.write('<TR>') for (var i = 0; i < 6; ++i) <!--循环6次--> { drawCell(red, hex[i], blue)<!--一行6个小方格内部的颜色差别在于red和blue分量--> } document.write('</TR>') } function drawTable(blue) { document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>') for (var i = 0; i < 6; ++i) {<!--循环6次--> drawRow(hex[i], blue)<!--每个表格总体的颜色差别在于蓝色分量的不同--> } document.write('</TABLE>') } function drawCube() { document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>') for (var i = 0; i < 6; ++i) { document.write('<TD BGCOLOR="#FFFFFF">')<!--定义表格的背景颜色为白色--> drawTable(hex[i])<!--循环画出每一个表格--> document.write('</TD>') } document.write('</TR></TABLE>') } drawCube()<!--直接调用drawCube()函数--> </script> <body> 单击上面的调色板试试 </body> </html> <!--本例程实现了调色板的功能--> <!--颜色的基本构成,以及调配方法--> <!--超连接的使用--> <!--弹出窗口的使用-->
收藏
0人收藏
- 2017-09-09 10:59:28JS点击出现悬浮窗效果 by GauSir
- 2017-09-09 10:49:04JavaScript将首字母转成大写 by arden
- 2017-09-07 13:20:32JS 实现时间倒计时 by huwei
- 2017-09-06 11:15:02jquery 图片自动切换 by init0
- 2017-09-05 13:31:33JS定时器 by 猩猩总统
- 2017-09-03 16:47:15jQuery验证表单电子邮件地址的有效性 by 奔小康
- 2017-09-02 11:03:32元素相对于整个父亲节点的left和top的辅助JS函数 by shenspring
- 2017-09-02 10:38:48jQuery缩放图片 by 龙堂修罗
- 2017-09-01 12:40:02javascript获取当前页面的URL信息 by shenspring
- 2017-08-30 14:53:41使用jQuery预加载图片 by tsl0922
- 2019-02-14 21:23:37美丽人生在线观看 by 佐助757201808
相关聚客文章