|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
! N1 `- C2 P: q2 D" | y M
0 P5 D* j8 E' N7 k第一步:把如下代码加入<body>区域中, {) B# w/ i; A& h* f0 r3 u& f Z1 f ?
<script language="JavaScript">
3 d& j. Z5 u% P6 s) z4 i O
0 ]' E& b7 E ?8 `. l: U7 A8 u5 S2 tfunction nextSize(i,incMethod,textLength)
/ H" G, f4 s+ w/ I5 ]6 Z1 v{$ W# r% |0 P1 @6 H- U+ @) x. W+ I0 t
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
4 q7 M- w/ I2 D0 Q x! j/ ~0 X/ ?0 ]if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));$ D) j. @% w) Z% x' i4 O
}
4 C0 e2 C7 J/ h
4 ~. x: z: [+ I" M# F Efunction sizeCycle(text,method,dis)) p( v, g2 T' q
{( B, Y) E1 Q& Z$ F3 z8 {
output = "";
9 o* Q6 U* S, ~ for (i = 0; i < text.length; i++)
^: B" q5 m4 R {% F3 Y! i M( [/ u! U. r
size = parseInt(nextSize(i +dis,method,text.length));
; N2 i/ s' I* u; N4 l output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
v/ B: F3 ]3 o5 x }
: a2 V( V: }/ C theDiv.innerHTML = output;, `* W1 H3 X8 h$ s
}! Y. l4 B) m7 N6 m, @8 z( T1 L: _+ P
4 y/ |# W" d$ K4 D4 |2 U2 ~# K
function doWave(n) : |' i7 i7 F" k/ t' H! a
{ " K n0 }3 [/ v
theText = "JavaScript";
9 w. v7 G. X( H" B3 m7 J5 p3 x3 _ sizeCycle(theText,1,n);
N& s/ `0 j3 j+ E. }5 F; b) N7 H if (n > theText.length) {n=0}+ V3 A3 z7 Y$ w) |# V- H
setTimeout("doWave(" + (n+1) + ")", 50);
( y, X( a' U9 f}6 k( @: _5 J. D: E' j
</script>) ^# X! R# p2 D
<div ID="theDiv" align="center">
B9 f7 `! W* o# ]* N6 U' N$ g& X" F3 f, B# @
</div>
; U6 A' b- Y8 G5 K( S9 x! ]7 }- f! @: U4 }) s, o. x: ]
2 z8 ?. r9 R- h' v$ q- n
8 I, e4 a& N6 \" v% z6 ? 1 @5 Z# }2 @- e% j3 A
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|