求一段效果！

<td id="td" onMouseOver="Over()">测试</td>
<script language="JavaScript">
var col = new Array();
col[0] = '#000000';
col[1] = '#111111';
col[2] = '#222222';
col[3] = '#333333';
col[4] = '#444444';
col[5] = '#555555';
col[6] = '#666666';
col[7] = '#777777';
col[8] = '#888888';
col[9] = '#999999';
col[10] = '#AAAAAA';
col[11] = '#BBBBBB';
col[12] = '#CCCCCC';
col[13] = '#DDDDDD';
col[14] = '#EEEEEE';
col[15] = '#FFFFFF';
var i = col.length;function Over()
{
if (i>=0) {i--;td.style.backgroundColor=col[i];}
setTimeout('Over()',100)
}</script>

解决方案 »

  1.   


    <table>
    <tr>
    <td onmouseover="this.style.style.background="#ccccc""></td>
    </tr>
    </table>
      

  2.   

    <img src="/dede/upimg/allimg/070730/1308560.gif" _fcksavedurl="/dede/upimg/allimg/070730/1308560.gif" border="1" id="helpor_net" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);">
    <SCRIPT FOR="window" EVENT="onLoad" LANGUAGE="vbscript">
    helpor_net.filters.item(0).apply()
    helpor_net.filters.item(0).transition = 12
    helpor_net.Style.visibility = ""
    helpor_net.filters(0).play(2.0)
    </SCRIPT>和这个差不多  改一下就OK了
                
      

  3.   

    <td   id="td"   onMouseOver="Over()"> 测试 </td> 
    <script   language="JavaScript"> 
    var   col   =   new   Array(); 
    col[0]   =   '#000000'; 
    col[1]   =   '#111111'; 
    col[2]   =   '#222222'; 
    col[3]   =   '#333333'; 
    col[4]   =   '#444444'; 
    col[5]   =   '#555555'; 
    col[6]   =   '#666666'; 
    col[7]   =   '#777777'; 
    col[8]   =   '#888888'; 
    col[9]   =   '#999999'; 
    col[10]   =   '#AAAAAA'; 
    col[11]   =   '#BBBBBB'; 
    col[12]   =   '#CCCCCC'; 
    col[13]   =   '#DDDDDD'; 
    col[14]   =   '#EEEEEE'; 
    col[15]   =   '#FFFFFF'; 
    var   i   =   col.length; function   Over() 
    { 
    if   (i>=0)   {i--;td.style.backgroundColor=col[i];} 
    setTimeout('Over()',100) 
    } </script> i> =0这个多了一个空格    i>=0
      

  4.   

    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
     <table>
     <tr>
      <td   id="aaa"   onMouseOver="test()"> 测试 </td> 
      </tr>
      </table>
    <script   language="JavaScript"> 
    var   col   =   new   Array(); 
    col[0]   =   '#000000'; 
    col[1]   =   '#111111'; 
    col[2]   =   '#222222'; 
    col[3]   =   '#333333'; 
    col[4]   =   '#444444'; 
    col[5]   =   '#555555'; 
    col[6]   =   '#666666'; 
    col[7]   =   '#777777'; 
    col[8]   =   '#888888'; 
    col[9]   =   '#999999'; 
    col[10]   =   '#AAAAAA'; 
    col[11]   =   '#BBBBBB'; 
    col[12]   =   '#CCCCCC'; 
    col[13]   =   '#DDDDDD'; 
    col[14]   =   '#EEEEEE'; 
    col[15]   =   '#FFFFFF'; 
    var   i   =   col.length; function test() 
    { 
    if(i>=0){
    i--;
    aaa.style.backgroundColor=col[i];
    } 
    setTimeout('test()',100) ;
    } </script>  </BODY>
    </HTML>
      

  5.   

    修改楼上的<html>
    <head>
    <script   language="JavaScript"> 
    var   col   =   new   Array(); 
    col[0]   =   '#000000'; 
    col[1]   =   '#111111'; 
    col[2]   =   '#222222'; 
    col[3]   =   '#333333'; 
    col[4]   =   '#444444'; 
    col[5]   =   '#555555'; 
    col[6]   =   '#666666'; 
    col[7]   =   '#777777'; 
    col[8]   =   '#888888'; 
    col[9]   =   '#999999'; 
    var  i   =   col.length; 
    function Over() 
    { 
    if   (i>=0) {i--;td.style.backgroundColor=col[i];} 
    setTimeout('Over()',100);
    } 
    </script> 
    </head>
    <body>
    <table>
    <tr>
    <td  id="td"  onmouseover="Over()">Color Change</td> 
    </tr>
    </table>
    </body>
      

  6.   

    再加个onmouseout啊
    onmouseout="out()"
    function out() 
    { 
     td.style.backgroundColor="#ffffff"; 
    } 
      

  7.   


    <td  id="td"  onmouseover="Over()" onmouseout="Out()">Color Change</td>
    Out方法类似 
      

  8.   

    <HTML> 
      <HEAD> 
        <TITLE>   New   Document   </TITLE> 
        <META   NAME="Generator"   CONTENT="EditPlus"> 
        <META   NAME="Author"   CONTENT=""> 
        <META   NAME="Keywords"   CONTENT=""> 
        <META   NAME="Description"   CONTENT=""> 
      </HEAD>   <BODY> 
      <table> 
      <tr> 
        <td id="aaa" onMouseover="setValue();test()" onMouseout="test2()">   测试   </td>   
        </tr> 
        </table> 
    <script       language="JavaScript">   
    var       col       =       new       Array();   
    col[0]       =       '#000000';   
    col[1]       =       '#111111';   
    col[2]       =       '#222222';   
    col[3]       =       '#333333';   
    col[4]       =       '#444444';   
    col[5]       =       '#555555';   
    col[6]       =       '#666666';   
    col[7]       =       '#777777';   
    col[8]       =       '#888888';   
    col[9]       =       '#999999';   
    col[10]       =       '#AAAAAA';   
    col[11]       =       '#BBBBBB';   
    col[12]       =       '#CCCCCC';   
    col[13]       =       '#DDDDDD';   
    col[14]       =       '#EEEEEE';   
    col[15]       =       '#FFFFFF';   
    var       i       =       col.length;   
    var out = 0;function setValue(){
     out = 0;
    }function   test()   
    {  
    if(i>=0){ 
    i--; 
    aaa.style.backgroundColor=col[i]; 
    }   
    if(out==1){
    return;  //退出递归
    }
    setTimeout('test()',100)   ; 
    out = 0;
    }  function test2(){
    out = 1;
    i = col.length;  
    aaa.style.backgroundColor="#ffffff"; 
    }</script>     </BODY> 
    </HTML> 
      

  9.   

    <HTML> 
      <HEAD> 
        <TITLE>   New   Document   </TITLE> 
        <META   NAME="Generator"   CONTENT="EditPlus"> 
        <META   NAME="Author"   CONTENT=""> 
        <META   NAME="Keywords"   CONTENT=""> 
        <META   NAME="Description"   CONTENT=""> 
      </HEAD>   <BODY> 
      <table > 
    <tr> 
    <td  onMouseover="setValue();test(this)" onMouseout="test2(this)">   测试1   </td>  
    <td  onMouseover="setValue();test(this)" onMouseout="test2(this)">   测试2   </td>  
        </tr> 
    <tr> 
    <td  onMouseover="setValue();test(this)" onMouseout="test2(this)">   测试3   </td>  
    <td  onMouseover="setValue();test(this)" onMouseout="test2(this)">   测试4   </td>  
        </tr> 
        </table> 
    <script       language="JavaScript">   
    var       col       =       new       Array();   
    col[0]       =       '#000000';   
    col[1]       =       '#111111';   
    col[2]       =       '#222222';   
    col[3]       =       '#333333';   
    col[4]       =       '#444444';   
    col[5]       =       '#555555';   
    col[6]       =       '#666666';   
    col[7]       =       '#777777';   
    col[8]       =       '#888888';   
    col[9]       =       '#999999';   
    col[10]       =       '#AAAAAA';   
    col[11]       =       '#BBBBBB';   
    col[12]       =       '#CCCCCC';   
    col[13]       =       '#DDDDDD';   
    col[14]       =       '#EEEEEE';   
    col[15]       =       '#FFFFFF';   
    var       i       =       col.length;   
    var out = 0;
    var obj;
    function setValue(){
     out = 0;
     obj = event.srcElement;
    }function   test()   
    {  
    if(i>=0){ 
    i--; 
    obj.style.backgroundColor=col[i]; 
    }   
    if(out==1){
    return;  //退出递归
    }
    setTimeout('test()',100)   ; 
    out = 0;
    }  function test2(obj){
    out = 1;
    i = col.length;  
    obj.style.backgroundColor="#ffffff"; 
    }</script>     </BODY> 
    </HTML> 
    onMouseover这个时间可以写在table上,但是onMouseout必须写在td里,上面的代码已经去掉id,你可以把onMouseover方在table上试试