|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
1 h" y1 w. B3 N/ } 4 O2 Q7 }$ w) i3 W4 I3 F
第一步:把如下代码加入<body>区域中7 B. n- Z9 e( V, }3 L$ c5 m
<script language="JavaScript">
5 L( [- q5 ~+ N" O! V) v! ^' g( I- |8 J B0 f$ } h
function nextSize(i,incMethod,textLength)9 H' H' x" V& s/ R* {% K4 Z
{4 I( P4 X7 Z- B' Y3 f
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );. T0 F; ~ j& \; t/ D, b
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));* z( x2 r4 g6 B/ {( m' J3 j
}/ B" j$ G" p" A7 h h; \% Z
* w2 E2 i; `8 b4 U) M2 _3 I8 B% s3 y+ z% yfunction sizeCycle(text,method,dis)
3 O* |: b; Q1 j; E) D7 {" L* R5 i; M{; y" C! G) r, D! S" m8 E$ h/ X
output = "";% f0 C: l2 O8 o3 U" B$ g
for (i = 0; i < text.length; i++)
& D w+ l Y* J1 c0 |. C/ q { l# P T3 }* @' ^
size = parseInt(nextSize(i +dis,method,text.length));
/ C) F1 v8 X9 y9 l7 s2 t& u8 E/ i output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
3 A( _1 [( Y7 ^4 `" u! [5 s3 N6 q }
3 @6 m0 p9 C6 E, v+ i- y theDiv.innerHTML = output;
/ x- p* e) I' V2 u2 w}
& c) l7 e$ l: l$ K9 L* x+ L c% J8 t/ }* f) c, B( f3 D# I& Q/ }) @
function doWave(n) * [3 R- R) H' w2 V
{
n! O5 i8 F% y, K4 S! }# A1 r9 N R theText = "JavaScript";
9 Q2 A0 O5 V4 t0 L# }8 U$ y sizeCycle(theText,1,n);
% r6 v% J8 c" v4 }; D if (n > theText.length) {n=0}
0 T |! Y) C( V" a n4 t setTimeout("doWave(" + (n+1) + ")", 50);
7 Y& _) M& [8 H3 H$ |3 Z}2 a' R7 d$ f, R7 H( I0 k, o* Y
</script>
- \+ |9 Y# a& l, D h<div ID="theDiv" align="center">& ~; _/ |7 T! r: L& ]
2 ?2 P. _1 A# ` p) [9 m, e0 Z+ v</div>$ a& |- X' c# W/ u$ v6 ]- T
& e1 w: b2 j0 S3 R% L: Z0 K
! i# |- m: I; b6 W8 ^* |! x( F4 e
/ G( U* j" L ]& |; @& o' A# ]
' S3 v! Z {6 K `7 b第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|