首 页IT知识库翔宇问吧收藏本站
当前位置:翔宇亭IT乐园IT知识库WEB网页特效

文本特效:水形文字

减小字体 增大字体 作者:不详  来源:转载  发布时间:2010-10-17 09:09:44

<HTML>
<HEAD>
<TITLE>网页特效:水形文字</TITLE>
<STYLE>
  DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var count=0; var thePhase=0; var aniOn=0;
var theStrength=0;var maxCount=40;var maxStrength=100;var theCount=0;
var colorList=new Array("red", "blue", "green");
var oDiv=null;
var oQueue=new Array();
function doStart(obj)
{
 oDiv=obj;
 oQueue.push("Welcome to biye5u.com!");
 oQueue.push("Hello Friends!");
 oQueue.push("I love you");
 if(obj==null)return;
 if(!oQueue.length)return;
 oDiv.innerHTML=oQueue.shift();
 var ctrlRng=document.body.createControlRange()
 ctrlRng.add(oDiv)
 ctrlRng.select();
 ctrlRng.execCommand("SelectAll")
    theCount=0;
 doFilt();
}

function getStrength(pos)
{
 var ret=0
 if(pos<maxCount)
 {
  ret=maxStrength*pos*pos/(maxCount*maxCount);
 }
 else if(pos==maxCount)
 {
  strNext=oQueue.shift()
  oDiv.innerHTML=strNext;
  rndNum=Math.floor(Math.random() * 3)
  oDiv.style.filter+="glow(color=" +  colorList[rndNum] + ", strength=5)"
  ret=maxStrength;
 }
 else if(pos<2*maxCount)
 {
  pos=2*maxCount-pos;
  ret=maxStrength*pos*pos/(maxCount*maxCount);
 }
 else
  ret=0;
 ret=Math.ceil(ret)
 return ret;
}

function anitext(){
  thePhase=(thePhase + 10)
  oDiv.filters[0].phase=thePhase
  theStrength=getStrength(++theCount);
  window.status=theStrength
  if(theStrength==0)theCount=0;

  if(oQueue.length>0 || theStrength>0)
  {
    oDiv.filters[0].strength=theStrength;
    oTO=window.setTimeout("anitext()",0200,"JavaScript")
  }
}

function doFilt(){
  oDiv.style.filter="wave(add=0, freq=3, lightstrength=50, phase=0, strength=2, enabled=1); "
  rndNum=Math.floor(Math.random() * 3)
  oDiv.style.filter+="glow(color=" +  colorList[rndNum] + ", strength=5)"
  anitext()
}

function removeFilt(){
  window.clearTimeout(oTO)
  oDiv.style.filter=" "
}

function arrPush(item)
{
 this[this.length]=item;
}

function arrShift()
{
 var item=this[0];
 var nLen=this.length;
 for(var i=0;i<nLen-1;i++)
  this[i]=this[i+1];
 this.length--;
 return item;
}

Array.prototype.push=arrPush;
Array.prototype.shift=arrShift;

</SCRIPT>
</HEAD>
<BODY onload="doStart(MyDiv)">
<DIV ID="MyDiv" align="center">
</DIV>
</BODY>
</HTML>


本文源自:翔宇亭——IT乐园(http://www.biye5u.com),转载请保留此信息!

知识评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 1分

内 容:

            请注意用语文明且合法,不要发布带有攻击性、侮辱性的言论,谢谢合作!

         通知管理员 验证码:

相关文章

关于本站 | 网站帮助 | 广告合作 | 网站声明 | 友情连接 | 网站地图 | 用户守则 | 联系我们 |
本站大多数内容来自互联网或网站会员发布,如有侵权,请来信告之,谢谢!
Copyright © 2007-2017 biye5u.com. All Rights Reserved.
网站备案号:黑ICP备13005378号-3