文字模糊特效

更新時間：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]="我們的網(wǎng)址是 <img src=/moi/file.gif align=absbottom> <a href=\"http://www.51js.com\" target=_blank>http://www.51js.com</a>"  message[9]="如果上網(wǎng)沒什么事干的話，可以到我們的聊天區(qū)聊聊天南地北的事：）"  message[10]="網(wǎng)絡正在漸漸的改變我們的生活"  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   class="2q2wewu"   id="blurthis" style="position:absolute;visibility:visible;">  </DIV>  </body>  </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

文字模糊特效

security.js實現(xiàn)的RSA加密功能示例
這篇文章主要介紹了security.js實現(xiàn)的RSA加密功能,結合實例形式分析了基于security.js進行RSA加密的相關操作技巧,需要的朋友可以參考下
2018-06-06
使用JavaScript獲取地址欄參數(shù)的方法
這篇文章主要介紹了幾種使用JavaScript獲取地址欄參數(shù)的方法以及注意事項，非常的實用，這里推薦給大家
2014-12-12
封裝屬于自己的JS組件
這篇文章主要介紹了如何封裝屬于自己的JS組件，對js組件擴展以及封裝用法的認識和總結，感興趣的小伙伴們可以參考一下
2016-01-01
jquery中click等事件綁定及移除的幾種方法小結
這篇文章主要介紹了jquery中綁定事件與解綁事件是常用到的寫法，這里總結了幾種常見的綁定事件與解綁事件的方法,需要的朋友可以參考下
2023-05-05
利用JavaScript實現(xiàn)創(chuàng)建虛擬鍵盤的示例代碼
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)創(chuàng)建虛擬鍵盤，文中的示例代碼講解詳細，對我們學習JavaScript有一定幫助，需要的可以參考一下
2022-09-09
JavaScript數(shù)組reduce()方法使用實例詳解
reduce是數(shù)組原型對象上的一個方法，可以幫助我們操作數(shù)組。本文將和大家分享4個關于JavaScript中數(shù)組reduce的用法，希望對大家有所幫助
2022-07-07
Javascript中數(shù)組sort和reverse用法分析
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實例分析了sort和reverse使用時的注意事項與相關技巧,具有不錯的參考借鑒價值,需要的朋友可以參考下
2014-12-12
利用微信小程序制作屬于自己的Icon圖標
項目中常常需要使用到字體圖標,微信小程序中使用字體圖標與在平常的web前端中類似但是又有區(qū)別,下面這篇文章主要給大家介紹了關于利用微信小程序制作屬于自己的Icon圖標的相關資料,需要的朋友可以參考下
2022-04-04
利用Javascript裁剪圖片并存儲的簡單實現(xiàn)
裁剪圖片對我們來說是再熟悉不過的了，最近工作中就又遇到了這個需求，所以想著干脆整理下來，方法大家和自己在需要的時候參考學習，所以這篇文章主要介紹了利用Javascript裁剪圖片并存儲的簡單實現(xiàn)，后端PHP處理我用的是THINKPHP框架，需要的朋友可以參考下。
2017-03-03
JavaScript中使用構造器創(chuàng)建對象無需new的情況說明
JS中創(chuàng)建對象可以直接使用直接量的方式，這里討論的是定義一個構造器(function)的情況
2012-03-03