|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: / r2 j$ P6 C. D$ N! J! Z# J- V* M
8 V8 b6 F$ c2 F% N% M第一步:把如下代码加入<body>区域中3 n: h- W9 L+ L$ Y
<script language="JavaScript">
9 j( n- {; j: T5 _; ]
7 A. N- b- z- a' Afunction nextSize(i,incMethod,textLength)
6 E3 P5 E- @+ O$ ?9 s" N" R( ]{0 c2 V4 B, K% k/ \5 D3 b$ a+ w
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
# `2 g" j) S- p- Z$ c8 aif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));/ ]& ~5 ?, h0 X" b! N& j& O
}
# K* u/ H$ M0 k& S! m) e
8 [/ W1 P( \$ Z" q' _function sizeCycle(text,method,dis)
, W/ b3 j: y: n! y( Y{, o( E; k; |+ v* m
output = "";' X1 |! c5 r# o( @; [% p# @
for (i = 0; i < text.length; i++)
2 M+ P5 g6 n0 E& ?0 f8 N {
j* w; Q: w- E* p( k0 K1 x$ C size = parseInt(nextSize(i +dis,method,text.length));7 H) \* _1 p) G8 d2 K
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; g! P, B; y9 j
}
7 {9 M4 u5 ~: | theDiv.innerHTML = output;$ O% \; j0 c0 Y" l# ~) [
}
* A9 G& h2 j7 K+ }; B$ l7 G! z
: n1 y1 o* p2 d* c, q: Pfunction doWave(n)
( [* D0 A* E3 P9 N{ & ] e' v! ]8 v J ~: V
theText = "JavaScript";
' C5 k* B: c2 T; Q+ C) W( [2 |; V sizeCycle(theText,1,n);
1 a# Y, U3 D- @3 ], f if (n > theText.length) {n=0}
1 N" u, ]5 W0 v5 _# T setTimeout("doWave(" + (n+1) + ")", 50);
1 G1 P ~$ N* ~2 L6 e9 a}: `4 G5 h/ K; H/ R
</script>
# S* t g7 X) U# x$ O. L9 E<div ID="theDiv" align="center">1 A2 `, K* }) f
! N: s) ]0 o% j9 L; T
</div>
1 @# C6 f. m7 ^: V% z; Y0 n
5 [$ h5 O8 L2 p( y' r( L
3 A4 G0 G& O. Z$ p! G4 h3 |6 P
/ y% z( e, _: @- g2 F4 r) S . v! k' a$ A) q" _$ ~
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|