|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 8 [9 a$ R: ]) u3 ]; R; W
. g+ O( v+ H+ z! s5 n
第一步:把如下代码加入<body>区域中
7 n1 ^. g3 E* W8 h8 \ <script language="JavaScript">
i% I0 ?: J6 S
6 c2 E9 ~2 y/ k: r2 g. j; Ffunction nextSize(i,incMethod,textLength)
) Y+ B6 R; h4 `{: @* V7 a# m% w) z2 D7 I
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );! J; i3 j; m- g; i' p8 w5 e
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- Y9 {! X2 @( x+ j* S# Y+ D* J. y- K
}
8 Y# J1 T$ v- s) z, d# c& J
1 A" N3 o4 Y/ X: n% [: Xfunction sizeCycle(text,method,dis)$ \. E3 x# R2 Q8 `8 J7 U
{' y7 h2 k* |6 ]1 p' x
output = "";; `1 E0 b6 H! G3 P7 Z' y( g
for (i = 0; i < text.length; i++)
; r, K7 K5 T. f {) H0 @8 d3 j& ~) f6 K W; S7 Z* v4 A
size = parseInt(nextSize(i +dis,method,text.length));4 S- s! i5 o0 k( D8 Q2 I
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";9 r5 R8 A" w' r. H
}
: Q' J- X9 A; x" Z9 G' f* u theDiv.innerHTML = output;% s t5 P! z; E( S6 O+ L
}% }2 ~% l O9 q8 W3 q2 e
9 g, Q) g; \! A, S3 ufunction doWave(n) 2 g+ q, \5 i2 [& O T
{
p/ u$ @: U0 F8 a* { theText = "JavaScript";
( {% z# e! r* p4 m% O sizeCycle(theText,1,n);" }% w* i1 B; p0 x' {$ q) w
if (n > theText.length) {n=0}( @0 h6 K+ w Q
setTimeout("doWave(" + (n+1) + ")", 50);
$ h+ J* S* H3 N, \' j* N; B}
' H1 A# k$ V5 ?2 n5 o6 T2 V</script>" F: p+ x# }1 h. D: W+ F! ]
<div ID="theDiv" align="center">
( V5 J) z$ T V n, }4 j) E/ f. @) E* Z1 s" c; H# [
</div>8 Y1 Z. Q1 c- M5 h! }
1 Z `6 w Y1 a9 O; Y: [! i+ G* y+ R4 L
# I. b8 L* j2 T$ B# }
7 x# k C2 I2 z# W H! F( h1 z& e第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|