欢迎访问中国最大的EXTJS讨论社区 首页 论坛 教程

Ext教程-一起Ext

当前位置: 首页 > 教程 > Javascript >

很好用的JS在线颜色选择器

时间:2009-04-01 17:46来源:未知 作者:admin 点击:
代码如下,复制保存为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文件即可:
<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>
声明:本站教程文章版权为一起Ext(http://www.17ext.com/)所有,转载请注明出处
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容