JavaScript文字虚幻抖动

2024-09-05 12:21:34

字体：大中小

来源：转载

供稿：网友

JavaScript实现的一款文字特效——文字虚幻抖动，因为是对文字的副本进行抖动处理，再加上原文字，抖动看上去有虚幻效果渐隐渐现，总之是比较复杂点的文字抖动，你自己运行一下代码看效果吧。

<html><head><title>文字虚幻抖动</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"></style></head><body><DIV id=Title2 style="COLOR: gray; FONT: bold 11pt arial; POSITION: absolute; visibility:hidden; top:300; left:300;"><P><FONT size=8>JavaScript特效<br>源码爱好者网站</FONT></P></DIV><DIV id=Title1 style="COLOR: white; FONT: bold 11pt arial; POSITION: absolute; visibility:hidden; top:300; left:300"><P><FONT size=8>JavaScript特效<br>源码爱好者网站</FONT></P></DIV><script language="javascript">var Tle2="document.all.Title2.style";var Tle1="document.all.Title1.style";eval(Tle2).top=eval(Tle1).top=document.body.clientHeight/2 - 20;eval(Tle2).left=eval(Tle1).left=document.body.clientWidth/2 - 150;function Fade(){	var BackX = Math.random()*10;	var BackY = Math.random()*5;	if(Math.random()<0.5){		BackX = -BackX;		BackY = -BackY;	}	eval(Tle1).visibility = eval(Tle2).visibility = "visible";	eval(Tle2).left = parseInt(eval(Tle1).left) + BackX;	eval(Tle2).top = parseInt(eval(Tle1).top)  + BackY;	var FadeID = setTimeout("Fade()",50);}Fade();</script></body></html>

上一篇：JavaScript 描边文字

下一篇：文字投影阴影效果代码