JavaScript实现的颜色选择器
2009-05-15 07:13
459 查看
代码如下,复制保存为html文件即可:
input name=mowang size=24P 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
代码如下,复制保存为html文件即可:
http://www.jrose.cn JavaScript之家
input name=mowang size=24P 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
代码如下,复制保存为html文件即可:
<html> <head></head> <body> <input name=mowang size=24><P> <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 mowang.innerText="现在的背景颜色为 #"+triplet} function drawCell(red, green, blue) { document.write('<TD BGCOLOR="#' + red + green + blue + '">') document.write('<A HREF="javascript:display(/'' + (red + green + blue) + '/')">') 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) { drawCell(red, hex[i], blue)} document.write('</TR>')} function drawTable(blue) { document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>') for (var i=0; i < 6; ++i) { 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() </script> </body> </html> |
相关文章推荐
- JavaScript颜色选择器的实现
- javascript实现根据3原色制作颜色选择器的方法
- JavaScript颜色选择器的实现
- JavaScript实现把rgb颜色转换成16进制颜色的方法
- ArcGIS API For Javascript之颜色分类实现
- 【canvas系列】用canvas实现一个colorpicker(类似PS的颜色选择器)
- 用 Javascript 实现的“Dual listbox”(双向选择器)
- javascript实现rgb颜色转换成16进制格式
- table根据表格内的元素改变行颜色的javascript实现
- 11个JavaScript颜色选择器插件
- 11个JavaScript颜色选择器插件
- 10个精选的颜色选择器Javascript脚本及其jQuery插件
- 基于javascript实现随机颜色变化效果
- javaScript canvas实现(画笔大小 颜色 橡皮的实例)
- 【原创】Javascript实现Web颜色值转换
- 一步步教你实现跨游览器的颜色选择器
- 用 Javascript 实现的“Dual listbox”(双向选择器)
- javascript实现简单日期下拉选择器
- 用 Javascript 实现的“Dual listbox”(双向选择器)
- 全选并改变TR颜色的javascript实现代码