js33.htm

搜集的很多javascript实例及教程

        <td width="84%"></td>
      </tr>
    </table>
    </td>
    <td width="79%" valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="0">
      <tr>
        <td width="12%" bgcolor="#B7D1F4"><p align="center"><font color="#FF8000">名称</font></td>
        <td width="88%" bgcolor="#FFFFFF"><p align="center">背景色代码调色板</td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">实例</font></td>
        <td width="88%"><table border="1" width="100%" bordercolor="#B7D1F4" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%"><form Name="color">
              <table>
                <tr Align="Center">
                  <td><input NAME="red" type="button" VALUE=" +50 " onclick="upred(50)"></td>
                  <td><input NAME="red" type="button" VALUE=" + + " onclick="upred(10)"></td>
                  <td><input NAME="red" type="button" VALUE=" + " onclick="upred(1)"> </td>
                  <td><font Color="#FF0000" size="+3">RED</font></td>
                  <td><input NAME="red-" type="button" VALUE=" - " onclick="downred(1)"></td>
                  <td><input NAME="red-" type="button" VALUE=" - - " onclick="downred(10)"></td>
                  <td><input NAME="red-" type="button" VALUE=" -50 " onclick="downred(50)"></td>
                  <td><input type="text" Name="rd" Size="3"></td>
                </tr>
                <tr Align="Center">
                  <td><input NAME="green" type="button" VALUE=" +50 " onclick="upgreen(50)"></td>
                  <td><input NAME="green" type="button" VALUE=" + + " onclick="upgreen(10)"></td>
                  <td><input NAME="green" type="button" VALUE=" + " onclick="upgreen(1)"></td>
                  <td><font Color="#00FF00" size="+3">GREEN</font></td>
                  <td><input NAME="green-" type="button" VALUE=" - " onclick="downgreen(1)"></td>
                  <td><input NAME="green-" type="button" VALUE=" - - " onclick="downgreen(10)"></td>
                  <td><input NAME="green-" type="button" VALUE=" -50 " onclick="downgreen(50)"></td>
                  <td><input type="text" Name="gr" Size="3"></td>
                </tr>
                <tr Align="Center">
                  <td><input NAME="blue" type="button" VALUE=" +50 " onclick="upblue(50)"></td>
                  <td><input NAME="blue" type="button" VALUE=" + + " onclick="upblue(10)"></td>
                  <td><input NAME="blue" type="button" VALUE=" + " onclick="upblue(1)"></td>
                  <td><font Color="#0000FF" size="+3">BLUE</font></td>
                  <td><input NAME="blue-" type="button" VALUE=" - " onclick="downblue(1)"></td>
                  <td><input NAME="blue-" type="button" VALUE=" - - " onclick="downblue(10)"></td>
                  <td><input NAME="blue-" type="button" VALUE=" -50 " onclick="downblue(50)"></td>
                  <td><input type="text" Name="bl" Size="3"></td>
                </tr>
              </table>
              <div align="center"><center><p><input type="text" Name="rgbdspl" Size="7"> </p>
              </center></div>
            </form>
            <p align="center">　</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">教程</font></td>
        <td width="88%"><table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#B7D1F4">
          <tr>
            <td width="100%" bgcolor="#FFFFFF"><br>
            <p>第一步：拷贝下面的代码到你的html文件的&lt;head&gt;和&lt;/head&gt;之间；</p>
            <blockquote>
              <form name="copy1">
                <p><textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()" onFocus="this.select()">&lt;Script Language=&quot;JavaScript&quot;&gt;
<!-- Hidingvar red=0;var green=0;var blue=0;var value=0;var convert = new Array()var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");for (x=0; x<16; x++){for (y=0; y<16; y++){convert[value]= hexbase[x] + hexbase[y];value++;}}function clear(){document.color.bl.value= blue;document.color.rd.value= red;document.color.gr.value= green;}function display(){redx = convert[red]greenx = convert[green]bluex = convert[blue]var rgb = "#"+redx+greenx+bluex;document.color.rgbdspl.value= rgb;document.bgColor =rgb;}function upred(x){if ((red+x)<=255)red+=xdocument.color.rd.value= red;display()}function downred(x){if ((red-x)>=0)red-=xdocument.color.rd.value= red;display()}function upgreen(x){if ((green+x)<=255)green+=xdocument.color.gr.value= green;display()}function downgreen(x){if ((green-x)>=0)green-=xdocument.color.gr.value= green;display()}function upblue(x){if ((blue+x)<=255)blue+=xdocument.color.bl.value= blue;display()}function downblue(x){if ((blue-x)>=0)blue-=xdocument.color.bl.value= blue;display()}// done hiding -->
&lt;/Script&gt;</textarea></p>
              </form>
            </blockquote>
            <p>第二步：修改你的&lt;body&gt;语句为；<font face="Arial" color="#008080">&lt;BODY 
            onLoad=&quot;clear();display()&quot; BGCOLOR=&quot;#000000&quot;&gt;</font></p>
            <blockquote>
              <form name="copy2">
                <p><textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()" onFocus="this.select()">&lt;CENTER&gt;
&lt;FORM Name=&quot;color&quot;&gt;
&lt;TABLE&gt;

&lt;TR Align=&quot;Center&quot;&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;red&quot; type=&quot;button&quot; VALUE=&quot; +50 &quot; onclick=&quot;upred(50)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;red&quot; type=&quot;button&quot; VALUE=&quot; + + &quot; onclick=&quot;upred(10)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;red&quot; type=&quot;button&quot; VALUE=&quot; + &quot; onclick=&quot;upred(1)&quot;&gt;
&lt;/TD&gt;&lt;TD&gt;&lt;Font Color=&quot;#FF0000&quot; size=+3&gt;RED&lt;/font&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;INPUT NAME=&quot;red-&quot; type=&quot;button&quot; VALUE=&quot; - &quot; onclick=&quot;downred(1)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;red-&quot; type=&quot;button&quot; VALUE=&quot; - - &quot; onclick=&quot;downred(10)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;red-&quot; type=&quot;button&quot; VALUE=&quot; -50 &quot; onclick=&quot;downred(50)&quot;&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;Input type=&quot;text&quot; Name=&quot;rd&quot; Size=3&gt;&lt;/TD&gt;&lt;/TR&gt;


&lt;TR Align=&quot;Center&quot;&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;green&quot; type=&quot;button&quot; VALUE=&quot; +50 &quot; onclick=&quot;upgreen(50)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;green&quot; type=&quot;button&quot; VALUE=&quot; + + &quot; onclick=&quot;upgreen(10)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;green&quot; type=&quot;button&quot; VALUE=&quot; + &quot; onclick=&quot;upgreen(1)&quot;&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;Font Color=&quot;#00FF00&quot; size=+3&gt;GREEN&lt;/font&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;INPUT NAME=&quot;green-&quot; type=&quot;button&quot; VALUE=&quot; - &quot; onclick=&quot;downgreen(1)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;green-&quot; type=&quot;button&quot; VALUE=&quot; - - &quot; onclick=&quot;downgreen(10)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;green-&quot; type=&quot;button&quot; VALUE=&quot; -50 &quot; onclick=&quot;downgreen(50)&quot;&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;Input type=&quot;text&quot; Name=&quot;gr&quot; Size=3&gt;&lt;/TD&gt;&lt;/TR&gt;


&lt;TR Align=&quot;Center&quot;&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;blue&quot; type=&quot;button&quot; VALUE=&quot; +50 &quot; onclick=&quot;upblue(50)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;blue&quot; type=&quot;button&quot; VALUE=&quot; + + &quot; onclick=&quot;upblue(10)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;blue&quot; type=&quot;button&quot; VALUE=&quot; + &quot; onclick=&quot;upblue(1)&quot;&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;Font Color=&quot;#0000FF&quot; size=+3&gt;BLUE&lt;/font&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;INPUT NAME=&quot;blue-&quot; type=&quot;button&quot; VALUE=&quot; - &quot; onclick=&quot;downblue(1)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;blue-&quot; type=&quot;button&quot; VALUE=&quot; - - &quot; onclick=&quot;downblue(10)&quot;&gt;&lt;/TD&gt;&lt;TD&gt;&lt;INPUT NAME=&quot;blue-&quot; type=&quot;button&quot; VALUE=&quot; -50 &quot; onclick=&quot;downblue(50)&quot;&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;Input type=&quot;text&quot; Name=&quot;bl&quot; Size=3&gt;&lt;/TD&gt;&lt;/TR&gt;

&lt;/TABLE&gt;
&lt;Input type=&quot;text&quot; Name=&quot;rgbdspl&quot; Size=7&gt;
&lt;/FORM&gt;
&lt;/CENTER&gt;
</textarea></p>
              </form>
            </blockquote>
            <p>第三步：拷贝下面的代码到你的html文件的&lt;body&gt;和&lt;/body&gt;之间；</p>
            <p>说明：</p>
            <p>　</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">下载</font></td>
        <td width="88%" bgcolor="#FFFFFF">　请到<a href="../download/index.htm">下载中心</a></td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">版权</font></td>
        <td width="88%" bgcolor="#FFFFFF">　阿捷编辑整理</td>
      </tr>
    </table>
    </td>
  </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="39">
  <tr>
    <td width="21%" bgcolor="#006DA2" height="25"><font color="#0072A8">.</font></td>
    <td width="79%" bgcolor="#E6F2FF" height="25" colspan="2"><p align="right"><br>
    <a href="js32.htm">上一页</a>　<a href="js34.htm">下一页</a>　<a href="js33.htm#top">回到页首</a></td>
  </tr>
  <tr>
    <td width="21%" height="3"></td>
    <td width="79%" height="3" align="center" colspan="2"><font color="#FFFFFF">.</font></td>
  </tr>
  <tr>
    <td width="21%" height="2"></td>
    <td width="27%" height="7" align="center" rowspan="2"><p align="right"><img src="../images/jlogo4.GIF" alt="jlogo4.GIF (1066 bytes)" WIDTH="26" HEIGHT="26"></td>
    <td width="52%" height="2">《<a href="http://pageone.yeah.net">网页设计师</a>》 
    阿捷制作 版权所有</td>
  </tr>
  <tr>
    <td width="21%" height="5"></td>
    <td width="52%" height="5"><font face="Arial">&copy;1999-2000</font> <font face="Arial">All 
    Rights Reserved</font></td>
  </tr>
  <tr>
    <td width="21%" height="4"></td>
    <td width="79%" height="4" align="center" colspan="2">本站教程免费学习，引用请注明出处，禁止抄袭。</td>
  </tr>
</table>
</body>
</html>