文字模糊渐隐显示特效-JS特效-爱易网页

文字模糊渐隐显示特效

日期：2014-05-18　浏览次数：20237 次

以下是程序代码

<STYLE>
  DIV {width: 809; 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("站长特效网，www.zzjs.net");
	oQueue.push("专注于网页特效及广告代码，供站长和js爱好者参考。");
	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();
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
Array.prototype.push=arrPush;
Array.prototype.shift=arrShift;
</SCRIPT>
<body onload="doStart(MyDiv)">
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<DIV ID="MyDiv" align="center">
</DIV>
</body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

文字模糊渐隐显示特效

相关资料更多>

推荐阅读更多>