|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: - \+ [4 D. ^* f# {: e* L2 O
& R, L+ D I% e0 [2 W0 x# G0 o, m
第一步:把如下代码加入<body>区域中& @. A5 \6 o6 }& \
<script language="JavaScript">
6 n4 T R2 D3 T8 m% d& y& }% Y* w, S- w' _, x0 f# a- k
function nextSize(i,incMethod,textLength). g8 y+ M0 i( Z: i. p q3 Y
{
* \, w) z: v. T2 i7 H7 ~if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );( W" V1 w% `+ `" G; e
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));0 H' I" A, j4 W* {9 q+ E
}! I0 d1 @1 g7 G8 g
8 E E; r u1 h1 T4 x+ G- D. Q, Ufunction sizeCycle(text,method,dis)
# _3 Y; N5 d* k) p{' m! M* n# l" O5 E/ _1 B
output = "";
9 j* d# D: G- x3 L( e for (i = 0; i < text.length; i++): U3 E9 b4 r7 U
{
1 v- Y+ `! l$ L, Y6 O/ } size = parseInt(nextSize(i +dis,method,text.length));
6 h; T$ V6 D7 j, j" F: S# A# s" [ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";$ J# ?( J' o1 v# X9 r
}
! ]) X7 ?& J) I. E& _) w$ ^& g) ? theDiv.innerHTML = output;
) R& B) M5 g9 {/ R1 U+ T; }}' B; @# T( B- c$ R
9 J( A! T; D& _/ nfunction doWave(n)
- A; P( B+ f& F) D6 V y{
* J- E, T' J }3 @7 T theText = "JavaScript";3 }7 ]4 K! u) A
sizeCycle(theText,1,n);
9 c( E$ x% p9 a; V- a" ~ if (n > theText.length) {n=0}/ w7 c; g _( T1 L8 k( [/ M
setTimeout("doWave(" + (n+1) + ")", 50);( z6 ]4 M, r3 R; o3 [3 F& F
}
( ]5 M( [* P4 b, }- d+ k! z</script>
+ t8 s# G/ @- `# m; p. t<div ID="theDiv" align="center">
8 d8 \4 e' ], C" W
2 `& S- v0 k9 g) r: Y</div>
1 k8 _2 a. V0 h
/ d6 d4 q. C3 m' g+ a
8 g/ J ^, S5 n. e( Z- c- [ h) x
- D# Z, R3 `+ B8 L( G3 b1 R
% O/ ]& v% o! `9 u8 J第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|