js实现类似光照的炫彩文字渐变视觉冲击效果

254 阅读 0 评论 168 点赞

我是靠谱客的博主善良毛豆，这篇文章主要介绍js实现类似光照的炫彩文字渐变视觉冲击效果，现在分享给大家，希望可以做个参考。

<!doctype html public "-//W3C//DTD HTML 3.2//EN"> 
<HTML><head><title>炫彩的文字效果</title> 
<META NAME="ROBOTS" CONTENT="NOINDEX"> 
 
<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312"> 
<style> 
body,div,td{font:menu} 
</style> 
</head> 
<BODY onload="LightMe" BGCOLOR="#800000" TEXT="#D4B878" > 
<Div id="title" style="position:absolute; left:7; top:7; width:425; visibility:visible; filter:Light"><strong>欢迎使用 Internet 信息服务！</strong></Div> 
<div id="Text1" style="position: absolute;left: 7; top: 45; width: 425; visibility: hidden; filter: revealTrans(Duration=2, Transition=19); height: 39"><strong><font color="#D4B878">Microsoft Internet 信息服务是一个桌面 Web 服务器，使用它，您可以从自己的计算机上发布个人主页，并把您计算机上的文档共享到整个网络。</font> 
</strong></div>

<div id="Text2" style="position: absolute; left: 200; top: 175; width: 225; visibility: hidden; filter: revealTrans(Duration=3, Transition=12); height: 39"><strong><font color="#D4B878">在将站点上载到 Internet 提供商之前，也可以将 IIS 用作开发平台。</font></strong></div> 
<div id="Link2" style="position:absolute; top:285; left:385; visibility:hidden; filter:revealTrans(Duration=3, Transition=12)" ><img id="ButtonNext" src="http://www.uoften.com/article/right1up.gif" border=0 onmouseover="ButtonNext.src = 'http://www.uoften.com/images/logo.gif' " onmouseout="ButtonNext.src = 'http://www.uoften.com/article/right1up.gif' " onclick=next_onclick></div> 
<div id="NextButton" style="display:none"><img src=http://www.uoften.com/article/right3down.gif></div> 
</font> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]