WEB开发网
开发学院网页设计JavaScript 3D文字特效 阅读

3D文字特效

 2007-11-27 17:48:29 来源:WEB开发网   
核心提示:<P> </P><!-- saved from url=(0046)http://go.163.com/~pcafei/java/circle-text.htm --><SCRIPT language=javascript>file://author unknownPhr
<P> </P><!-- saved from url=(0046)http://go.163.com/~pcafei/java/circle-text.htm -->
<SCRIPT language=javascript>
file://author unknown
Phrase=CSDN欢迎您光临!!

Nb=Phrase.length;
y=-10000;
for (x=0;x<Nb;x++){
  Balises=Balises + <DIV Id=L + x + STYLE=width:5;font-family: Courier New;font-weight:bold;position:absolute;top:400;left:150;z-index:0> + Phrase.charAt(x) + </DIV>
}
document.write (Balises);
Time=window.setInterval(Alors(),10);
Alpha=5;
I_Alpha=0.05;
function Alors(){
 Alpha=Alpha-I_Alpha;
 for (x=0;x<Nb;x++){
  Alpha1=Alpha+Decal*x;
  Cosine=Math.cos(Alpha1);
  Ob=document.all(L+x);
  Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;
  Ob.style.zIndex=20*Cosine;
  Ob.style.fontSize=Taille+25*Cosine;
  Ob.style.color=rgb(+ (127+Cosine*80+50) + ,+ (127+Cosine*80+50) + ,0);
 }
}
</SCRIPT>

<DIV id=L0 style=FONT-WEIGHT: bold; FONT-SIZE: 85px; Z-INDEX: 5; LEFT: 134px; WIDTH: 5px; COLOR: rgb(195,195,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>C</DIV>
<DIV id=L1 style=FONT-WEIGHT: bold; FONT-SIZE: 96px; Z-INDEX: 13; LEFT: 174px; WIDTH: 5px; COLOR: rgb(230,230,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>S</DIV>
<DIV id=L2 style=FONT-WEIGHT: bold; FONT-SIZE: 103px; Z-INDEX: 19; LEFT: 244px; WIDTH: 5px; COLOR: rgb(252,252,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>D</DIV>
<DIV id=L3 style=FONT-WEIGHT: bold; FONT-SIZE: 104px; Z-INDEX: 20; LEFT: 328px; WIDTH: 5px; COLOR: rgb(255,255,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>N</DIV>
<DIV id=L4 style=FONT-WEIGHT: bold; FONT-SIZE: 99px; Z-INDEX: 16; LEFT: 405px; WIDTH: 5px; COLOR: rgb(239,239,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>欢</DIV>
<DIV id=L5 style=FONT-WEIGHT: bold; FONT-SIZE: 89px; Z-INDEX: 8; LEFT: 456px; WIDTH: 5px; COLOR: rgb(208,208,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>迎</DIV>
<DIV id=L6 style=FONT-WEIGHT: bold; FONT-SIZE: 77px; Z-INDEX: -2; LEFT: 469px; WIDTH: 5px; COLOR: rgb(169,169,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>您</DIV>
<DIV id=L7 style=FONT-WEIGHT: bold; FONT-SIZE: 65px; Z-INDEX: -11; LEFT: 440px; WIDTH: 5px; COLOR: rgb(132,132,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>光</DIV>
<DIV id=L8 style=FONT-WEIGHT: bold; FONT-SIZE: 57px; Z-INDEX: -18; LEFT: 377px; WIDTH: 5px; COLOR: rgb(105,105,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>临</DIV>
<DIV id=L9 style=FONT-WEIGHT: bold; FONT-SIZE: 55px; Z-INDEX: -20; LEFT: 295px; WIDTH: 5px; COLOR: rgb(97,97,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>!</DIV>
<DIV id=L10 style=FONT-WEIGHT: bold; FONT-SIZE: 58px; Z-INDEX: -17; LEFT: 214px; WIDTH: 5px; COLOR: rgb(107,107,0); FONT-FAMILY: Courier New; POSITION: absolute; TOP: 400px>!</DIV>
<META content=MSHTML 5.00.2614.3500 name=GENERATOR><FONT color=#000000>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P align=center> </P></FONT>

Tags:文字 特效

编辑录入:coldstar [复制链接] [打 印]
赞助商链接