js实现字体渐渐消失

最新推荐文章于 2022-04-11 11:05:42 发布

heyanjian

最新推荐文章于 2022-04-11 11:05:42 发布

阅读量658

点赞数

分类专栏： javascript技术文章文章标签： javascript function html

javascript技术文章专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<SCRIPT language=JavaScript>
var col = new Array();
col[15] = '#000000';
col[14] = '#111111';
col[13] = '#222222';
col[12] = '#333333';
col[11] = '#444444';
col[10] = '#555555';
col[9] = '#666666';
col[8] = '#777777';
col[7] = '#888888';
col[6] = '#999999';
col[5] = '#AAAAAA';
col[4] = '#BBBBBB';
col[3] = '#CCCCCC';
col[2] = '#DDDDDD';
col[1] = '#EEEEEE';
col[0] = '#FFFFFF';
var i = col.length;
function Over()
{
if (i>=0) {i--;td.style.color=col[i];}
setTimeout('Over()',100);//渐变
}
</SCRIPT>
<TABLE><TBODY><TR><TD id=td onmouseover=Over()>鼠标放上看效果</TD></TR></TBODY></TABLE> <PRE></PRE>

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

 
 鼠标放上看效果