js实现字体渐渐消失

2016-02-19 19:37 177 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

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

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

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

JS教程:Javascript实现缓动效果

标签： Web开发

缓动，学名为Tween，缓冲移动的简称。要想页面内容切换起来舒服，就使用淡入淡出特效，要想让页面元素动起来自然，就要使用缓动效果。这两个混合起来，可以衍生多种特效的。感谢Flash开发人员为我们做了那么多先行研究，我们直接把它们拆出来装在各种菜单与相册中。我们先从最简单的东西做起，加速与减速。既然是缓动，它就一定涉及以下概...

JavaScript/JS实现图象淡出效果

标签： Web开发

SCRIPT language=JAVASCRIPTfunction fade_in(){if (test.filters.alpha.opacity 100){test.filters.alpha.opacity += 10;clearTimeout(timer);var timer = setTimeout("fade_in()",150);timer;}}/SCRIPT

用js实现过滤script的正则

标签： Web开发

function stripscript(s) { return s.replace(/script.*?.*?\/script/ig, ''); } 稍微说下，高手飘过 /之间的内容/ 是js正则语句的书写开始与结束 .*?是贪婪的匹配，如果不是贪婪的就是.*匹配任何字符，但用贪婪的就是不包含的内容 /ig 是不区分大小写和全局替换

js实现form自动完成功能

标签： Web开发

最近我做一个员工注册页面, 有一项是注册公司, 但是如果公司已经被注册, 要求公司名称写的完全一样, 不能有大小写区别等, 所以我打算使用Javascript写一个模拟自动完成的功能, 样式仿照了IE7的, 还有很多不足, 希望大家支持. 自动完成功能 [Ctrl+A 全选注:如需引入外部J...

Js和CSS实现脚注(Footnote)效果

标签： Web开发

脚注（Footnote）是向用户提供更多信息的一个最佳途径，也是主体信息的一个有效补充，常见于各种印刷书籍中。不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用Javascript和CSS实现脚注效果的方法。 Javascript: script type="text/javascript" // 说明：用 Javascript 和 CSS 实现脚注（Footnote）效果 /...

查看更多精彩>>