|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
8 k0 m! q7 e& l; ~
/ j3 z7 B% S: B' S* n7 A第一步:把如下代码加入<body>区域中
( G/ R! Z) _) ^% ~' C1 U% `& N <script language="JavaScript">+ D. n) O7 H" R. `: i* S
' w$ A7 I2 e4 u; L& V6 Hfunction nextSize(i,incMethod,textLength)
+ U, s' M; l7 u% \3 R{" e f* ~5 G: A! S
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
% Y5 {4 a3 |8 G) `if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
0 U. r7 e6 G6 J. k6 F% I5 g4 Z}
# d5 W1 d8 w$ K6 v
7 X6 s7 t5 H, y {* Q9 S6 X- }function sizeCycle(text,method,dis)
7 E; L9 T# I9 g9 r$ E{ ?: J! L4 W4 D8 c* t# d
output = "";! |' @* M& U: v6 e, X, m
for (i = 0; i < text.length; i++)
2 O; ~/ O$ I% N {
' q+ d5 r/ ]1 S( s; J size = parseInt(nextSize(i +dis,method,text.length));* V, a6 m9 R) U' e2 l
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
% p0 f: j$ i4 |3 `8 R5 h1 W/ v, g* ? }
! f3 q+ |# g# k0 @ _. q theDiv.innerHTML = output;
/ r4 H( x7 f( U5 O I2 Z5 x; X}8 f4 @/ E9 u$ |- H$ T6 R
! I+ p ]- X) m/ {% \' Ffunction doWave(n) 9 p! ~) G+ I: `7 E' @
{ % H5 l3 o# g2 Y- p
theText = "JavaScript";' {) o: ?2 ^2 x9 H6 P3 _
sizeCycle(theText,1,n);- Z. Q6 a. r% ~
if (n > theText.length) {n=0}
5 _4 V, H/ i; L. |: v. T0 | setTimeout("doWave(" + (n+1) + ")", 50);4 A" |/ k, ?. `) ~/ X O# w
}/ v3 J# e7 a" v, Z7 j
</script>
2 _3 c$ f2 ?, I% B" m) ^<div ID="theDiv" align="center">
4 y$ J0 v, k l6 [
) s9 R e% l+ j; U7 c1 y6 @6 n</div>
; s; u& u# X9 ]" O9 P, i$ U- w
! N7 s! W: t5 y) X% [' e, y( C2 |; b5 e A
5 X& p* Z. z: |5 Y1 D$ `/ z
4 ]0 L! m2 P% y! V
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|