js实现字体渐渐消失

2016-02-19 19:37 172 1 收藏

get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是js实现字体渐渐消失，一起来学习了解下吧！

【 tulaoshi.com - Web开发】

view plaincopy to clipboardprint？
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;
var isOut = true;
function Over()
{
if (i=0 && isOut) {i--;td.style.color=col[i];}
else if(i= col.length && !isOut){i++;td.style.color=col[i]; }
else{isOut = !isOut;}
setTimeout('Over()',100);//渐变
}

/SCRIPT

TABLETBODYTRTD id=td onmouseover=Over()鼠标放上看效果/TD/TR/TBODY/TABLE PRE/PRE

来源:https://www.tulaoshi.com/n/20160219/1621445.html

上一篇： Sql Server关于字段中的数据类型
下一篇：边讲边看PowerPoint幻灯片

看过《js实现字体渐渐消失》的人还看了以下文章更多>>

JS实现滑动展开与折叠效果

标签： Web开发

以下是引用片段： script type="text/javascript" //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 //Modify: 枫岩 var act; function over(s,nMax){ var obj=document.getElementById(s); var h = parseInt(obj.offsetHeight); if (h nMax){ obj.style.height = (h ...

Js之软键盘实现(源码)

标签： Web开发

鉴于安全性的考虑，不少网站在登录输入密码时都采用了软键盘，避免一些键盘记录工具和木马对击键的捕捉。项目中也有这个需求，就分享给大家了，贴个效果图上来。。有兴趣的朋友可以收藏。。..如果觉得功能有点庞大，只需要数字小键盘的朋友，可参考代码精简。下载大键盘: http://www.cnblogs.com/Files/sccxszy/softKey.ra...

用js实现CSS圆角生成更新

标签： Web开发

用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基人遥仍失遥士大夫工士大夫花样百出地苛夺花...

JS实现仿新浪信息提示效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN" <head <meta name="ve...

Word中实现复合字体

标签：办公软件

WORD虽然只是一款面向办公领域的排版软件，但在文字处理方面所表现的水准，一点也不亚于某些专业排版软件，以复合字体功能为例，这一通常在专业排版软件才能见到的功能，在WORD也同样具备。先解释一下什么叫复合字体：大多数中文字体本身附带有自己的英文字体，当中英文混排时，这些英文也会跟随中文字体一起变化，但由于字形设计的问...

查看更多精彩>>