网页之奇特的文字变化特效
脚本说明: 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);>