本文实例讲述了射流研究…实现仿附言(同后记);警官(警官)的调色板效果。分享给大家供大家参考,具体如下:
运行效果图如下:
完整实例代码:
htmlheadstyle#colorpad表格{边框-塌陷:塌陷;细胞划片:0细胞划片:0宽度width :255 px h8 :255 pxborder :0 } # color padright表{边框-塌陷:塌陷;细胞划片:0细胞划片:0宽度宽度:255px高度:20 pxborder :0 } # color pad { width :255 px three :255 px } # color pad样本{ width :100 px高度:100 px} #色盘右{高度:20 px宽度宽度:255px} td {边框:0宽度:1 pxheight :1 pxmargin :0 padd :0 }/style/head div id=' color pad '/div div id=' color pad right '/div div id=' color pad sample '/div/html脚本函数setColor(style){ document。getelementbyid('色板示例')。风格。背景=风格;var stylestylepiect 1=style。split(',')[0];var stylestylepiect 2=style。split(',')[2];var html=var style=html='表格单元格填充=0单元格空间=0 ';html=' trfor(var I=0;i256i ){ style=stylepiect1 ',' I ',' style piect 2 html=' TD style=' background : ' style ';html='/TD ';} html='/tr ';html='/table ';文件。getelementbyid(' color padright ').innerHTML=html} var html=html='表格单元格填充=0单元格空间=0 ';for(var I=0;I 256i){ html=' tr ';for(var j=0;j 256j){ html=' TD onclick=' SetColor(this。风格。背景)' style=' background : RGB(' I ',0,' j ');'';html='/TD ';} html='/tr ';} html="/table ";文件。getelementbyid('色盘').innerHTML=html/脚本时间仓促,用钢性铸铁的背景样式,js打印255*255的调色板,只写了铷固定G变的部分,由于所有颜色展现对浏览器负载比较大,所以不推荐使用类似的调色板。
PS:这里再为大家推荐几款本站的相关在线工具:
在线RGB、HEX颜色代码生成器:http://工具。JB 51。网络/颜色/RGB _ color _ generator
RGB颜色查询对照表_颜色代码表_颜色的英文名称大全:http://工具。JB 51。网/色/jPicker
在线网页调色板工具:http://工具。JB 51。网络/颜色/颜色选择器
在线颜色选择器工具/RGB颜色查询对照表:http://工具。JB 51。网络/颜色/颜色选择器
更多关于Java脚本语言相关内容可查看本站专题: 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》
希望本文所述对大家Java脚本语言程序设计有所帮助。