|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 7 }9 Z6 Z. ]( D3 q7 A1 r S/ S
1 k- ?% [& J. r c+ L3 L/ l1 M; `第一步:把如下代码加入<body>区域中9 J1 J- @* |' v! p
<script language="JavaScript">0 l3 ~8 U1 U0 s: Q+ U
' H ~% G) p7 W hfunction nextSize(i,incMethod,textLength)
1 l) S' \, R: V{% V+ C7 \" D1 `% i7 u: V! O2 h
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
) t9 I6 ~2 X: Z7 rif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
) Q+ v6 Q' V* j' ` l6 d}
# E/ Z5 x1 u& u7 m. \7 v6 U7 H( |2 e2 g2 }
function sizeCycle(text,method,dis)1 d; @1 a, c2 |8 `
{/ _. J0 P1 J1 I% N) [$ f
output = "";' h! B) I! S L$ T: k
for (i = 0; i < text.length; i++); e# Q% z+ Q, F1 I, K' q
{$ Y/ p: [; }, Y
size = parseInt(nextSize(i +dis,method,text.length));4 l5 g* j4 c9 W. Y2 e+ M) y5 P5 V' Q
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";7 O y1 \1 i( S
}: b! V) B. B, ~$ ]+ _$ I$ K5 o
theDiv.innerHTML = output;
2 c) N& ]. N0 h9 G! e* x0 K/ t" @# C}. O- D, e; p" D, s" J
* S' b1 k2 Y/ \+ e* o, Qfunction doWave(n) 3 A2 p. G O& N: T' {, M
{ . p# |# _; J8 g7 Y- i9 [9 v
theText = "JavaScript";! g5 `1 Z3 B: Z& K2 J& r
sizeCycle(theText,1,n);! z% `6 U! C; M+ G; J' w" Y! U
if (n > theText.length) {n=0}
, {2 P) e0 h) D) A6 ?; e3 }, J7 | setTimeout("doWave(" + (n+1) + ")", 50);3 ^. K R* S( l* |" ~) E5 L2 z
}& `2 W- e6 [' |9 V+ q8 m
</script>0 [1 v: }, D$ ^& v
<div ID="theDiv" align="center">9 D3 x* Z# f& A. X: _4 n8 l/ q
# k! F2 E9 B/ z' w- J
</div>
+ H( u" u( C3 [/ i- n9 ~/ s0 F& ^2 r8 L, N6 x4 l, j
$ b# ?. z u2 j- m; |8 K" Z A4 {. J
+ a6 z8 o5 S6 p. N' m' s第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|