|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
) W$ @, }$ a+ G. F6 ^& ~+ ~+ W ~ 5 p. r% ~ z. w3 `- S! h
第一步:把如下代码加入<body>区域中6 p1 R9 F) q8 p2 Q
<script language="JavaScript">
5 \2 y/ A. r, C- U/ V0 z9 |( @% ~, h3 Q/ w# b. v3 B
function nextSize(i,incMethod,textLength)* L- G4 j& s4 j0 q+ B* t
{
' p5 u& u6 J1 H- y+ `if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
, m6 @) }' q5 D# }$ Oif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));6 ^# w4 b- d. z+ I3 H) ], }
}/ ^8 F. Z( W% z1 q3 O
1 Z" g( ~; x/ dfunction sizeCycle(text,method,dis)
; }2 ^1 G! C5 i) q" N{2 h. m5 x$ u4 |
output = "";9 @. p9 C3 {" y3 w4 A/ A! I
for (i = 0; i < text.length; i++)
' ]2 W7 w( K1 F b# k& h! ^ {0 \ H& n3 Z i- {0 D6 E" b4 P
size = parseInt(nextSize(i +dis,method,text.length));
" `! H" S8 Y3 u output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
: k2 m& y* @& s% ^6 U }
4 i5 N6 m$ S6 W& d1 O theDiv.innerHTML = output;2 c6 S/ u7 X: j2 ~
}7 r4 A+ H9 {) A8 O5 [' f
/ A/ C2 {! E) m0 tfunction doWave(n) * n' f W% \2 z4 g' \8 _
{
& r2 ]6 r% L4 p; a& U4 x7 G2 ~ theText = "JavaScript";( ^1 y1 _+ `4 H: A& I* e
sizeCycle(theText,1,n);4 p/ Z& J8 ^7 R9 N
if (n > theText.length) {n=0}
& W" o2 N: Y6 |7 r' H3 I% ] setTimeout("doWave(" + (n+1) + ")", 50);; F: s: p# Y. G- y2 r
}
, @6 e3 V/ H# \* X+ _1 F</script>; F0 G8 Z: S, V4 Q
<div ID="theDiv" align="center">
. W/ k# w }) F. U2 s' }- l# i4 W1 G+ H" S# V1 Z! @
</div>
2 e$ L6 _8 N3 ]; j A% L) U1 a+ D" _! ~" B9 p/ h
t9 q5 H1 z) e- y; W6 W3 ?, E" C
; b# e6 L" w& ^8 j @+ u P/ Y1 M
4 x2 x1 ?5 J- Q( {, ^: ^
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|