|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + {4 k/ T& {0 o8 H, n
# u% o; Q1 \9 h( ?7 Q4 [/ C
第一步:把如下代码加入<body>区域中* f5 D0 A* j1 K4 P/ A) c) `$ G
<script language="JavaScript">
4 l) O5 t) T3 f" ~0 ^# _
4 m% J5 |2 {6 S: y Afunction nextSize(i,incMethod,textLength)
1 K n: k* k$ T. G{
- b/ H' A: G6 Y) X' B1 C. d* Uif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 t: g9 Z3 k1 j0 O* b# Qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
% W4 s- S' j- U. T}
) X( L1 c: B; z9 l' v7 w0 I
+ l/ v P8 z8 Y" M8 yfunction sizeCycle(text,method,dis)
% }0 C7 A/ B- C7 A{' L2 n7 m5 z4 N, E3 b; N! k+ J
output = "";
5 |* ^; p% Z% K3 f for (i = 0; i < text.length; i++)
( f' p; P v5 J' s3 O {
6 W# ?- i/ R |' | size = parseInt(nextSize(i +dis,method,text.length));* d& R# M- N4 B+ _. C
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
8 E' j- b1 S: C1 R6 q }
" a8 B; J2 H; V6 B" Q- U theDiv.innerHTML = output;
( q4 V/ m; @6 `& D8 X5 m" u: z8 U- f2 _}
* x5 U R! C: E# V
6 o3 P- _0 `5 [/ ?5 E5 k6 ffunction doWave(n)
/ V! Q5 D' a* x4 w: y; `/ Q{
6 }7 J9 J# k0 Q+ X- J theText = "JavaScript";' W6 }# V6 E/ t" g* q! d
sizeCycle(theText,1,n);% b" I! a+ K: Y
if (n > theText.length) {n=0}# p2 i9 E1 B5 O# \) N
setTimeout("doWave(" + (n+1) + ")", 50);# ~4 w! l' r. k* i5 G- g
}0 l! X& [3 w" ?$ I' v
</script>
6 _( F6 ^# O4 B, W<div ID="theDiv" align="center">$ I: h1 a' M. y& G6 s; m: L9 _0 i7 s# q
, t: ~3 J& Y; K, P1 n& I1 k</div>
( ]* ?- Z, ^" ?+ ~1 r, `0 n# e: b
% t7 H# [) `- j$ u; v
3 Y6 ^6 ~1 a; D0 R# i$ ?% Q + w8 q( q ~& m
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|