颜色代码选择器

现在时间是：

本站导航

股海时评	个股天地
短线技巧	量价分析
基金指南	期货投资
QQ皮肤	QQ头像
QQ表情	QQ素材
名言警句	诗词欣赏
人生百味	情满人间

2012后中国必由之路

美国实验灭亡中国理论

QQ排行榜

论坛热点

·圣诞与毛诞·

最新评论

当前位置：首页 >> 电脑>> 网站博客制作>> 文章列表

作者：转载发布时间：2008-01-18 16:46:56 浏览次数：624

分享到：

男士们的辉煌选择增高真皮休闲男鞋增高真皮休闲男鞋增高真皮休闲男鞋男士们的辉煌选择

颜色代码选择器

演示效果：

0
11
22
33
44
55
66
77
88
99
AA
BB
CC
DD
EE
FF

	0	11	22	33	44	55	66	77	88	99	AA	BB	CC	DD	EE	FF
0
11
22
33
44
55
66
77
88
99
AA
BB
CC
DD
EE
FF

·可选16*16*16种颜色。
·单击左边的颜色会得到更多的颜色。
·单击右边的颜色会固定选取的颜色。
·输入框可以自定义颜色。

代码提示：将下面的代码复制到〈BODY〉区

<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd
                            border=0>
                            <TBODY>
                            <TR bgColor=#ffffff>
                            <TD align=middle width="10%"><SELECT onchange=selectchg(this.value)
                            name=select1> <OPTION value=1 selected>红</OPTION> <OPTION
                            value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION
                            value=4>灰</OPTION></SELECT> </TD>
                            <TD align=middle width="90%">
                            <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                            <TBODY>
                            <TR>
                            <TD align=right><INPUT class=memo size=10 name=text1> <INPUT class=button onclick=choosecolor() type=button value=">>" name=Button2>
                            </TD>
                            <TD align=right width="3%"> </TD>
                            <TD width="30%">
                            <TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0
                            width=40 border=0>
                            <TBODY>
                            <TR>
                            <TD id=customcolor onmouseover=showcolor(this)
                            bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
                            <TR bgColor=#ffffff>
                            <TD align=middle width="10%">
                            <TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0
                            border=0><SCRIPT language=VBScript>
                            function hexit(which)
                            hexit=hex(which)
                            end function
                            </SCRIPT>
                            <SCRIPT language=JavaScript>
                            for(i=0;i<=15;++i)
                            {document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>')
                            document.all['tdleft' + i].num=i
                            }
                            </SCRIPT>
                            <TBODY></TBODY></TABLE></TD>
                            <TD align=middle width="90%">
                            <TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0
                            border=0>
                            <SCRIPT language=JavaScript>
                            document.write('<tr><td></td>')
                            for(i=0;i<=15;++i)
                            {document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}
                            document.write('</tr>')
                            for(i=0;i<=15;++i)
                            {document.write('<tr>')
                            document.write('<td align="center">'+ hexit(0+i*17) +'</td>')
                            for(j=0;j<=15;++j)
                            {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')}
                            document.write('</tr>')
                            }
                            </SCRIPT>
                            <TBODY></TBODY></TABLE></TD></TR>
                            <TR bgColor=#ffffff>
                            <TD colSpan=2
                            height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。
                            <BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>
                            <SCRIPT language=JavaScript>
                            function selectchg(which)
                            {switch(which)
                            {case '1' :leftR();break;
                            case '2' :leftG();break;
                            case '3' :leftB();break;
                            case '4' :leftA();break;
                            }
                            }
                            function leftR()
                            {for(i=0;i<=15;++i)
                            {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}
                            rightR(0)
                            }
                            function leftG()
                            {for(i=0;i<=15;++i)
                            {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}
                            rightG(0)
                            }
                            function leftB()
                            {for(i=0;i<=15;++i)
                            {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'}
                            rightB(0)
                            }
                            function leftA()
                            {for(i=0;i<=15;++i)
                            {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'}
                            rightA()
                            }
                            function rightR(which)
                            {for(i=0;i<=15;++i)
                            {for(j=0;j<=15;++j)
                            {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'}
                            }
                            }
                            function rightG(which)
                            {for(i=0;i<=15;++i)
                            {for(j=0;j<=15;++j)
                            {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) +  ',' + (0+j*17) + ')'}
                            }
                            }
                            function rightB(which)
                            {for(i=0;i<=15;++i)
                            {for(j=0;j<=15;++j)
                            {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'}
                            }
                            }
                            function rightA()
                            {for(i=0;i<=15;++i)
                            {for(j=0;j<=15;++j)
                            {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'}
                            }
                            }
                            var rightclicked=false
                            function clickright(which)
                            {if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}
                            }
                            function changeright(which)
                            {switch(select1.value)
                            {case '1' :rightR(which);break;
                            case '2' :rightG(which);break;
                            case '3' :rightB(which);break;
                            }
                            }
                            function showcolor(which)
                            {if(rightclicked)return;
                            text1.value=which.bgColor
                            choosecolor()
                            }
                            function choosecolor()
                            {customcolor.bgColor=text1.value
                            }
                            </SCRIPT>

　　　返回目录

网页背景特效代码系列	网页制作技巧及代码系列
背景：闪动小图片	背景FLASH
网页横条背景图	动态的gif图片
人物素材	浪漫钟表系列
超可爱的动态小人	窗帘式花边分割线
少见的竖状分隔线	Flash素材系列
动态背景边框素材	1000个16x16透明gif专集

进入

进入

上一篇：股市图片附件下一篇：网页素材——logo图片

论坛精选：【朝鲜问题扫盲贴：朝鲜经济与社会的真相】请点击参看，看后谈谈您的看法吧

股海时评	个股天地
短线技巧	量价分析
基金指南	期货投资
QQ皮肤	QQ头像
QQ表情	QQ素材
名言警句	诗词欣赏
人生百味	情满人间

本站导航

最新关注

QQ排行榜

推荐图文

论坛热点

热门排行榜

最新评论