获得本站免费赞助空间请点这里
返回列表 发帖

网页之奇特的文字变化特效

脚本说明: ( m$ |" i, J' A2 |. B6 _3 _( j

: g5 i8 L& U& \" n7 z第一步:把如下代码加入<body>区域中
3 \7 r. L& X( B <script language="JavaScript">: C  A) H) h, [' ]5 J# J( j: O
0 d, S; K6 Q& v" l3 V8 Y5 ]
function nextSize(i,incMethod,textLength)
6 Q6 V  ~  A: Q* b9 S$ l{
3 N5 z: O, n2 a2 v# b8 sif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- c8 L3 s' e/ ~7 oif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));, T) D) c& b4 D
}
/ {: g9 R  |; J8 J+ z. E+ A8 u0 R/ }# G' X' i
function sizeCycle(text,method,dis)' a7 s( s' n! {4 n5 d/ ^0 y% P
{+ m5 O. V6 ]2 a" R
        output = "";+ M( h. ]' U4 M3 X: \2 {
        for (i = 0; i < text.length; i++)8 L. u3 \8 y4 D2 Z1 ?' h0 V% D) E
        {" @. u6 `* j! c' A* j2 `
                size = parseInt(nextSize(i +dis,method,text.length));3 _9 v; V- r# s. O$ k* s
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";# b3 ~' g; v  K+ c2 b- q
        }
2 I* _( J+ B7 J# v; a        theDiv.innerHTML = output;2 u) ?1 V% o8 p, Y4 A
}  g. a3 C' @) O& U' ]( Y

7 L9 o. N( m! C& \# E! v( e. Yfunction doWave(n)
) y; }1 L$ O# l. |. i4 ]$ j6 D{   
) @! w3 K7 L7 G2 L3 o% C        theText = "JavaScript";/ i8 E- G( n" Y
        sizeCycle(theText,1,n);: D( z# o% |! i8 a# Z6 P
        if (n > theText.length) {n=0}
. {  o! o6 Y. W  X) e" S0 m        setTimeout("doWave(" + (n+1) + ")", 50);
  V. R5 y+ f. M. ~  C) |" C}& O% P2 T5 c& G7 K2 B/ o
</script>) {# m0 Y+ F, Q; i
<div ID="theDiv" align="center"># n% j) I- l$ \0 M4 z
+ s; n! s* C9 h& g( O& ?
</div>
, `2 H0 O+ _* R1 h0 o8 k  I
/ ^5 U1 Y( S9 H" @  P. m2 [4 q
$ e4 k( A. K6 g- `5 D- ~
2 ^( Q: k4 m. H3 g* b- T$ q . x5 B' U4 d. P" q, j  G( r. K
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

返回列表
【捌玖网络】已经运行: