首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
文本操作
> 正文
水形文字
2009-12-19 文本操作 114℃
<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 51js!"); 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>
相关特效代码
无相关信息
热门特效代码
输入框的文字闪烁变色引人注意
纯CSS内页内容切换选项卡
鼠标经过链接显示注释旋转风火轮
指向自动选择的输入框
放大镜链接效果
带注释的链接特效
文字闪烁效果
带注释的链接特效代码
点击文字显示隐藏链接
WEB2.0圆形边框css做法
推荐特效代码
字符连续消隐
文字变色逐个出现
段落文字百叶窗效果输出
点击文字显示隐藏链接
文字由小变大由大变小(动态变化
文字来回上下移动或跳动