文字模糊特效

更新时间：2007年04月21日 00:00:00 作者：

<html>  <head>  <title>文字模糊特效</title>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  </head>  <body bgcolor="#FFFFFF" text="#000000" onLoad="blurtext()">  <SCRIPT language=javaScript>  var thissize=11  var textfont="Verdana"  var textcolor= new Array()  textcolor[0]="EEEEEE"  textcolor[1]="DDDDDD"  textcolor[2]="CCCCCC"  textcolor[3]="AAAAAA"  textcolor[4]="888888"  textcolor[5]="666666"  textcolor[6]="555555"  textcolor[7]="444444"  textcolor[8]="333333"  textcolor[9]="222222"  textcolor[10]="111111"  textcolor[11]="000000"  var message = new Array()  message[0]="欢迎访问无忧脚本"  message[1]="我们将把最好的东西共享给你"  message[2]="这个脚本不错吧？"  message[3]="你可以在这里加入不同的东西"  message[4]="比如图片，连接等，都可以的"  message[5]="如果有什么问题的话，直接回帖就可以了"  message[6]="<img src=logo.gif>不要把我们给忘记了"  message[7]="我们会尽力来回答你的问题"  message[8]="我们的网址是 <img src=/moi/file.gif align=absbottom> <a href=\"http://www.51js.com\" target=_blank>http://www.51js.com</a>"  message[9]="如果上网没什么事干的话，可以到我们的聊天区聊聊天南地北的事：）"  message[10]="网络正在渐渐的改变我们的生活"  message[11]="你会使用论坛吗？有很多贴心的功能，找找看"  message[12]="如果在这个版的例子有你喜欢的，记得要放进收藏夹啊！有个收藏夹的图标，点一下就可以了：）"  var i_blurstrength=10  var i_message=0  var i_textcolor=0  function blurtext() {          if(document.all) {  if (i_blurstrength >=-2) {  if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}  blurthis.innerHTML="<span id='blurpit1' style='position:absolute;visibility:visible;width:600px;top:5px;left:5px;filter:blur(add=0,strength="+i_blurstrength+",direction=90);font-family:"+textfont+";font-size:"+thissize+"pt;color:"+textcolor[i_textcolor]+"'>"+message[i_message]+"</span>";  document.close()  i_blurstrength=i_blurstrength-2  i_textcolor++  var timer=setTimeout("blurtext()",60)  }  else {  if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}  blurthis.innerHTML="<span id='blurit1' style='position:absolute;visibility:visible;width:600px; top:5px;left:5px;filter:blendTrans(duration=4.2);font-family:"+textfont+";font-size:"+thissize+"pt;color:000000'>"+message[i_message]+"</span>";  i_message++  if (i_message>=message.length){i_message=0}  i_blurstrength=20  i_textcolor=0  clearTimeout(timer)  var timer=setTimeout("blurtext()",1000)  }  }      }  // - End of JavaScript - -->  </SCRIPT>  <DIV id="blurthis" style="position:absolute;visibility:visible;">  </DIV>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

文字模糊特效

security.js实现的RSA加密功能示例
这篇文章主要介绍了security.js实现的RSA加密功能,结合实例形式分析了基于security.js进行RSA加密的相关操作技巧,需要的朋友可以参考下
2018-06-06
使用JavaScript获取地址栏参数的方法
这篇文章主要介绍了几种使用JavaScript获取地址栏参数的方法以及注意事项，非常的实用，这里推荐给大家
2014-12-12
封装属于自己的JS组件
这篇文章主要介绍了如何封装属于自己的JS组件，对js组件扩展以及封装用法的认识和总结，感兴趣的小伙伴们可以参考一下
2016-01-01
jquery中click等事件绑定及移除的几种方法小结
这篇文章主要介绍了jquery中绑定事件与解绑事件是常用到的写法，这里总结了几种常见的绑定事件与解绑事件的方法,需要的朋友可以参考下
2023-05-05
利用JavaScript实现创建虚拟键盘的示例代码
这篇文章主要为大家详细介绍了如何利用JavaScript实现创建虚拟键盘，文中的示例代码讲解详细，对我们学习JavaScript有一定帮助，需要的可以参考一下
2022-09-09
JavaScript数组reduce()方法使用实例详解
reduce是数组原型对象上的一个方法，可以帮助我们操作数组。本文将和大家分享4个关于JavaScript中数组reduce的用法，希望对大家有所帮助
2022-07-07
Javascript中数组sort和reverse用法分析
这篇文章主要介绍了Javascript中数组sort和reverse用法,实例分析了sort和reverse使用时的注意事项与相关技巧,具有不错的参考借鉴价值,需要的朋友可以参考下
2014-12-12
利用微信小程序制作属于自己的Icon图标
项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别,下面这篇文章主要给大家介绍了关于利用微信小程序制作属于自己的Icon图标的相关资料,需要的朋友可以参考下
2022-04-04
利用Javascript裁剪图片并存储的简单实现
裁剪图片对我们来说是再熟悉不过的了，最近工作中就又遇到了这个需求，所以想着干脆整理下来，方法大家和自己在需要的时候参考学习，所以这篇文章主要介绍了利用Javascript裁剪图片并存储的简单实现，后端PHP处理我用的是THINKPHP框架，需要的朋友可以参考下。
2017-03-03
JavaScript中使用构造器创建对象无需new的情况说明
JS中创建对象可以直接使用直接量的方式，这里讨论的是定义一个构造器(function)的情况
2012-03-03

文字模糊特效

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具