Board logo

标题: 网页之奇特的文字变化特效 [打印本页]
作者: zw2004    时间: 2008-1-21 20:50     标题: 网页之奇特的文字变化特效

脚本说明: 1 Q; m# I* s' U
. V" L6 x" R* J' K& h- F
第一步:把如下代码加入<body>区域中" ]" q' k' N# {$ ~
<script language="JavaScript">4 M. E+ B* B9 W& H; d
1 e: |' \' b, ?2 q6 _; s8 P. Q
function nextSize(i,incMethod,textLength)# m" X, i% T. M- X2 ?9 ?! l5 h) _
{( h7 {/ F, Q1 G* [
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
6 D8 z5 l; h* lif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
8 J0 W$ T( c: J/ U3 r. j5 X}( Y+ l+ U# n* c3 |; `

8 D8 ?5 S& c0 e+ b% [: k% gfunction sizeCycle(text,method,dis); k7 e0 p3 _: q9 L
{& d5 k# W) \. u3 z$ u# d# l
        output = "";# m2 B! }1 Z. |3 X' [* a" d: E# k. G& ]
        for (i = 0; i < text.length; i++)
2 r8 U' p" V1 x5 h$ Y- C/ F        {9 e5 q2 J8 k# _+ L
                size = parseInt(nextSize(i +dis,method,text.length));& T1 N& Q* ~$ C0 P
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
8 `0 S# _! m, z4 s5 V        }
# t; ?. d& {' L$ i) g0 k* z1 X        theDiv.innerHTML = output;9 c& R0 G2 M4 ]
}
! E: t" R4 R- R
$ `6 I! m+ ^( t$ Gfunction doWave(n) 2 c9 ?3 \3 Q; t
{   
' w4 [" H/ B! ?, ^( a        theText = "JavaScript";
5 W+ I9 i* X$ l5 l& I" D        sizeCycle(theText,1,n);
+ n( P/ ^* f- u, ]7 @) y$ N        if (n > theText.length) {n=0}
1 J6 ~& k, r9 D, Z8 I* W* x0 ~        setTimeout("doWave(" + (n+1) + ")", 50);1 c2 q) w5 U# e7 g2 y+ C7 y
}
* ~0 _8 O- ^$ l* \8 G: |3 R</script>" J' P. q. B$ _8 n! q
<div ID="theDiv" align="center">
3 w3 K: t* I# }- {+ g6 [: {9 R1 j9 E3 k( [5 ^  g! K
</div>
+ f2 m3 F5 b* X- a; P( A
3 d$ A* U; w: d- _8 r0 P8 L  \
0 }9 T) j. R0 B! k' T
4 q% L/ |3 C5 o8 e' m9 P
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>



欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2