JavaScript水波文字_文本链接特效

很逼真的水波文字，完全JavaScript实现，超不错，学习一下JS技术吧，想让你的网页个性一点吧？那么就复制进去吧~

<HTML>
<HEAD>
<TITLE>水波文字</TITLE>
<STYLE>
  DIV {width:620; font-size: 38pt; 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("http://www.mb5u.com");
oQueue.push("模板无忧");
oQueue.push("我爱你！");
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 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>

所属频道：文本链接特效/更新时间：2012-12-15

[收藏][报错][返回列表]

JavaScript水波文字_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些