⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 colorhex.htm

📁 javascript源码百例 学习javascript基础编程的很不错的演示源代码
💻 HTM
📖 第 1 页 / 共 3 页
字号:
🔍
123 
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>颜色编辑器</title>
<STYLE type=text/css>
<!--
#scriptwiz {position:absolute; width:400px; top:182px; left:143px; z-index:1; clip:rect(0,400,0,0); visibility:visible}
-->
.nu {font-family:文鼎行楷碑体;color:#ff99cc;font-size:20pt}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">

lck=0;
function r(hval)
{
if ( lck == 0 )
{
document.bgColor=hval;
document.valueform.valuecable.value=hval;
}
}
function l()
{
if (lck == 0)
{
lck = 1;
}
else
{
lck = 0;
}
}
</SCRIPT>

</head>
<body TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

<table border="0" width="620" cellspacing="0" cellpadding="0">
  <tr>
    <td width="140" valign="top"> 
      
    </td>
    <td width="480" valign="top">
      <div align="center">
        <center>
        
          <table border="0" width="470" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="100%">
                <table border=0 cellpadding=0 cellspacing=0 width="98%">
                  <tbody> 
                  <tr> 
                    <td width="100%">
                      <div align="center"><b><font class=nu><br>背景颜色变换和其十六进制颜色值</font></b> 
                      </div>
                      <h3 align="center"><font face="Arial" size="3"></font></h3>
                      <div align="center"> 
                        <table border=0>
                          <tr> 
                            <td bgcolor="#000000"><a href="JavaScript:l()"
onMouseOver="r('#000000'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#000033"><a href="JavaScript:l()"
onMouseOver="r('#000033'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#000066"><a href="JavaScript:l()"
onMouseOver="r('#000066'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#000099"><a href="JavaScript:l()"
onMouseOver="r('#000099'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0000cc"><a href="JavaScript:l()"
onMouseOver="r('#0000cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0000ff"><a href="JavaScript:l()"
onMouseOver="r('#0000ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#006600"><a href="JavaScript:l()"
onMouseOver="r('#006600'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#006633"><a href="JavaScript:l()"
onMouseOver="r('#006633'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#006666"><a href="JavaScript:l()"
onMouseOver="r('#006666'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#006699"><a href="JavaScript:l()"
onMouseOver="r('#006699'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0066cc"><a href="JavaScript:l()"
onMouseOver="r('#0066cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0066ff"><a href="JavaScript:l()"
onMouseOver="r('#0066ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00cc00"><a href="JavaScript:l()"
onMouseOver="r('#00cc00'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00cc33"><a href="JavaScript:l()"
onMouseOver="r('#00cc33'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00cc66"><a href="JavaScript:l()"
onMouseOver="r('#00cc66'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00cc99"><a href="JavaScript:l()"
onMouseOver="r('#00cc99'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00cccc"><a href="JavaScript:l()"
onMouseOver="r('#00cccc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ccff"><a href="JavaScript:l()"
onMouseOver="r('#00ccff'); return true"><img  height=10
width=10 border=0></a></td>
                          </tr>
                          <tr> 
                            <td bgcolor="#003300"><a href="JavaScript:l()"
onMouseOver="r('#003300'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#003333"><a href="JavaScript:l()"
onMouseOver="r('#003333'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#003366"><a href="JavaScript:l()"
onMouseOver="r('#003366'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#003399"><a href="JavaScript:l()"
onMouseOver="r('#003399'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0033cc"><a href="JavaScript:l()"
onMouseOver="r('#0033cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0033ff"><a href="JavaScript:l()"
onMouseOver="r('#0033ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#009900"><a href="JavaScript:l()"
onMouseOver="r('#009900'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#009933"><a href="JavaScript:l()"
onMouseOver="r('#009933'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#009966"><a href="JavaScript:l()"
onMouseOver="r('#009966'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#009999"><a href="JavaScript:l()"
onMouseOver="r('#009999'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0099cc"><a href="JavaScript:l()"
onMouseOver="r('#0099cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#0099ff"><a href="JavaScript:l()"
onMouseOver="r('#0099ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ff00"><a href="JavaScript:l()"
onMouseOver="r('#00ff00'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ff33"><a href="JavaScript:l()"
onMouseOver="r('#00ff33'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ff66"><a href="JavaScript:l()"
onMouseOver="r('#00ff66'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ff99"><a href="JavaScript:l()"
onMouseOver="r('#00ff99'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ffcc"><a href="JavaScript:l()"
onMouseOver="r('#00ffcc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#00ffff"><a href="JavaScript:l()"
onMouseOver="r('#00ffff'); return true"><img  height=10
width=10 border=0></a></td>
                          </tr>
                          <tr> 
                            <td bgcolor="#330000"><a href="JavaScript:l()"
onMouseOver="r('#330000'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#330033"><a href="JavaScript:l()"
onMouseOver="r('#330033'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#330066"><a href="JavaScript:l()"
onMouseOver="r('#330066'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#330099"><a href="JavaScript:l()"
onMouseOver="r('#330099'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#3300cc"><a href="JavaScript:l()"
onMouseOver="r('#3300cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#3300ff"><a href="JavaScript:l()"
onMouseOver="r('#3300ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#336600"><a href="JavaScript:l()"
onMouseOver="r('#336600'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#336633"><a href="JavaScript:l()"
onMouseOver="r('#336633'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#336666"><a href="JavaScript:l()"
onMouseOver="r('#336666'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#336699"><a href="JavaScript:l()"
onMouseOver="r('#336699'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#3366cc"><a href="JavaScript:l()"
onMouseOver="r('#3366cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#3366ff"><a href="JavaScript:l()"
onMouseOver="r('#3366ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#33cc00"><a href="JavaScript:l()"
onMouseOver="r('#33cc00'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#33cc33"><a href="JavaScript:l()"
onMouseOver="r('#33cc33'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#33cc66"><a href="JavaScript:l()"
onMouseOver="r('#33cc66'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#33cc99"><a href="JavaScript:l()"
onMouseOver="r('#33cc99'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#33cccc"><a href="JavaScript:l()"
onMouseOver="r('#33cccc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#33ccff"><a href="JavaScript:l()"
onMouseOver="r('#33ccff'); return true"><img  height=10
width=10 border=0></a></td>
                          </tr>
                          <tr> 
                            <td bgcolor="#333300"><a href="JavaScript:l()"
onMouseOver="r('#333300'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#333333"><a href="JavaScript:l()"
onMouseOver="r('#333333'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#333366"><a href="JavaScript:l()"
onMouseOver="r('#333366'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#333399"><a href="JavaScript:l()"
onMouseOver="r('#333399'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#3333cc"><a href="JavaScript:l()"
onMouseOver="r('#3333cc'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#3333ff"><a href="JavaScript:l()"
onMouseOver="r('#3333ff'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#339900"><a href="JavaScript:l()"
onMouseOver="r('#339900'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#339933"><a href="JavaScript:l()"
onMouseOver="r('#339933'); return true"><img  height=10
width=10 border=0></a></td>
                            <td bgcolor="#339966"><a href="JavaScript:l()"
onMouseOver="r('#339966'); return true"><img  height=10
123

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -