发新话题
打印

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



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

脚本说明: 0 m$ j8 ?. m; k2 h- `/ L; n2 G
/ T) x/ S# n1 i; W/ f+ m% x
第一步:把如下代码加入<body>区域中; B& t, d$ M7 h! \' _9 B5 _* u
<script language="JavaScript">( `; a: R" t, z. H5 p1 n" T

; \8 N/ a& M8 T. S. Kfunction nextSize(i,incMethod,textLength)' K2 ?- B4 ?3 _
{6 f) ]6 H8 Z  U. D* F; E
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );# l5 h( q9 v" n' m6 z/ z3 l
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));6 ?+ e' m! `) C* ?
}4 V* t2 C, u! L
2 |$ `' B0 V* h, I9 |8 y- U8 m
function sizeCycle(text,method,dis)( }' c0 Q0 T6 ^
{( ?7 _7 K# b0 d( Q( J
        output = "";
4 M6 W  }  J: {        for (i = 0; i < text.length; i++); b" B2 i2 ~8 z+ [" ]( G, j) \  s
        {2 S. o! X, V( C9 ?: G
                size = parseInt(nextSize(i +dis,method,text.length));+ k# J& \- P; x) `1 e; k4 C
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
/ L' M' C8 a1 x2 B        }$ N+ i1 G+ Q& K8 s+ _+ s: d
        theDiv.innerHTML = output;. u, v! A# Z& `0 |8 m
}  V& D; o' }3 b3 d( `
4 l- i, l3 m  _+ p* ^4 X/ P
function doWave(n)
0 t3 O3 y6 n( B{   
+ _; _( w" V# {8 O- ~        theText = "JavaScript";
! P( j# \7 O; a$ s4 J, f* X- R        sizeCycle(theText,1,n);0 p$ [5 ?# H. u# w
        if (n > theText.length) {n=0}. B/ a& R" A# M# d2 J) a  b: e: O. k
        setTimeout("doWave(" + (n+1) + ")", 50);0 Y3 p( m2 e8 G; E0 [, B, g
}
5 v: `, f; s5 @1 T0 N% _</script>
, ~; b' c5 t1 L& g0 j<div ID="theDiv" align="center">
+ S- k6 L: k  Z$ \' O4 x, @7 Y6 f9 d. D+ K2 o
</div>$ e& o" v2 _# I$ J" ?
; e: x/ m! r: d0 m& ?4 l: F9 r9 k4 k
% b' [: g9 }0 l" U( d/ e4 s  L( E& H
8 f* p& _$ u* f
# z# s5 i; |6 M
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

TOP

发新话题