PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

js实现字体渐渐消失效果

js实现字体渐渐消失效果

来源:csdn.net  作者:csdn.net  发布时间:2008-07-25
sdf 以下为引用的内容: script language=JavaScript var col =
鼠标移上去,字体为渐渐消失

以下为引用的内容:
<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>
Tags: javascript   js效果   效果   js  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号