|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
, H) z( w1 w2 J3 `
# d$ c6 q! U( \9 P) e第一步:把如下代码加入<body>区域中5 g& e9 _. f6 V2 e9 N
<script language="JavaScript">
4 B. f$ w& h. V( [9 ~
; `3 b2 k' n1 I; yfunction nextSize(i,incMethod,textLength)$ `$ G% A4 m4 n0 S9 l. @. e \1 @
{* }- H0 ]/ B+ J5 [0 s6 ^
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
' Z! v. n) t( |) H' j) O3 rif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));. {( C3 C8 A) Z6 ^/ d, q
}
$ J/ h! h$ P; X* G* q" D# l- s9 Q* K n
function sizeCycle(text,method,dis), y+ k) T2 m6 v" f5 }0 q
{
9 v. s+ L1 r# T9 x6 N; ~ output = "";+ q0 K' `' Z* U6 o9 b
for (i = 0; i < text.length; i++)
! E5 L) t0 w; Q% { {1 Z& z* \# S( m8 H" `
size = parseInt(nextSize(i +dis,method,text.length));' G5 I7 H3 N) e* A
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";. J3 E2 _1 H, T$ ~" h$ u$ }! p& @+ k
}& f8 H) g3 w# {. b h% `
theDiv.innerHTML = output;5 h$ V& s0 _- N) q# W6 J$ Y* |0 r
}
: A5 O, |. O* @' ]
$ F9 c0 a* O; Vfunction doWave(n) 9 v) L( ^* q8 z- \5 Z: Z: p
{ * m E& \% J8 @# h* P
theText = "JavaScript";
. N. X Q3 {1 C; M+ Y; N! \ sizeCycle(theText,1,n);
+ P; m& \' S% |0 d$ G4 ^1 _ if (n > theText.length) {n=0}/ U2 g' U+ s: V. Y# B, y7 `
setTimeout("doWave(" + (n+1) + ")", 50);- x) M( O3 o4 S* [0 ? ?/ n) p' `: U
}) ?! K5 W: d3 t# A/ {
</script>" R* M, T- j+ i8 U2 Y* m
<div ID="theDiv" align="center">
, [; s8 n3 ]$ C+ E9 D* j7 A P% ?+ z- p
</div>
, B% |7 @3 I! E9 y! Y
* ~* \# s# |$ t) {" e
% B& o( ]8 v3 c2 ~- }4 \, f( e) R4 ]3 A
W3 Z3 T8 k# H0 B4 P
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|