|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: : z+ m- _$ C/ x: z$ p+ z8 Y7 S" F
. A5 K' `% s: c, E4 q3 ]第一步:把如下代码加入<body>区域中
+ o K! V$ v1 R! E9 o <script language="JavaScript">6 p4 V" R: L$ y
8 |3 w6 x0 j; B1 k/ v6 J" x
function nextSize(i,incMethod,textLength)8 t( U& h6 Z$ i9 L- I5 ^
{! _ ?1 X$ l; d& {$ s
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );- e/ h" d- s" K4 F' Y
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));( r2 r& W2 N0 m" e( O
}; t! h3 o% h9 [2 U ]
$ R0 B! u9 _( }: Vfunction sizeCycle(text,method,dis)
9 ^1 \) E7 g% r4 b y7 ~{- p5 I* S2 P7 }6 v; D3 [$ h3 G& ^
output = "";$ }: z. `% A1 G7 D$ d
for (i = 0; i < text.length; i++)7 u9 Y9 D5 E0 P- C7 A
{4 i% x5 E) O0 R. d! ]1 N
size = parseInt(nextSize(i +dis,method,text.length));1 x/ S' E3 d& v8 @8 L' W$ X
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
; _, b: U% z& _ m6 \0 L }
4 W9 O3 ~( V; _# C' F) Z theDiv.innerHTML = output;
+ r+ P% a' ^) q; b6 y}4 w5 Z1 p3 H& E
' v1 B+ N- u. {9 ^8 X' `* i
function doWave(n) # [+ D( _6 r! F) ^$ |" k; X$ S7 h1 I
{ * n: a8 s4 u% I5 u# O
theText = "JavaScript";
: h* u. J: S2 e sizeCycle(theText,1,n);" ~7 o' m0 Y: k% E3 p1 Q
if (n > theText.length) {n=0}
2 n6 z2 r) X5 Y) ~/ a% Z setTimeout("doWave(" + (n+1) + ")", 50);" a ?* P: B$ |% f5 i5 G
}5 ]5 Q/ N1 s( m R* \
</script>
( |7 ^+ R, I3 ?' \<div ID="theDiv" align="center">+ @" k7 B2 \2 O( I) X6 @0 b
9 q1 U/ o/ f9 N% T3 @</div>
0 B0 w0 t0 `2 ~3 {7 J1 w2 V# \
' [: o0 \. M. y u3 _) d8 T- u* f' U2 _: K" E% [2 W# ^
% v: ^' p5 g! _9 [: c: e b6 \
5 I& h4 e2 d% x第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|