|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
. E B# F1 X: [( i( m
& @& W: k# f! i$ J第一步:把如下代码加入<body>区域中& R3 C1 a: v% h6 n/ k
<script language="JavaScript">
' b: D& d# x: O" @! b' w) a4 @( G( x$ Q5 m
function nextSize(i,incMethod,textLength)
2 ] ~: ^' \2 D( \! S$ c/ U, I3 P{
! L0 T, G+ x1 @" _5 t- I$ Aif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 w" ?2 c" ?' h: K3 Q* v2 }
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));/ z- t L9 {7 T8 M3 P- j5 Z; a) f
}+ K2 |9 o% C% O& C; N+ v7 r, Y5 P
) k; d+ \4 Z% Q8 @! Z
function sizeCycle(text,method,dis)
b% G; ~. F) J4 n$ T) Y6 ~/ h( b{1 [( k) b, C1 l& m3 v3 K% _! Q5 @
output = "";6 P4 j6 T( T0 g3 ~8 G3 E: k9 k Q4 |7 H
for (i = 0; i < text.length; i++)
6 I+ D0 U/ q$ g" p1 V {
m9 Y. D1 s- `/ E* c$ u size = parseInt(nextSize(i +dis,method,text.length));4 I( L7 T: H8 ^2 b* G/ D$ ~/ _7 `
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";- Y+ K. l2 U7 S8 L5 h/ G% n
}
6 Q2 _; a) p7 b1 D9 M6 P1 P! A theDiv.innerHTML = output;
( Z* t, k# ^! k, \2 \}, _; d3 A4 d$ z5 V2 B0 Q6 p$ |
; s' l% d- m0 k4 x5 b4 ofunction doWave(n)
. q# w2 d4 l4 j3 M1 D, C D0 X{ . c5 W1 c$ I/ I# T
theText = "JavaScript";* L3 M; i+ u. _6 m6 s8 x
sizeCycle(theText,1,n);
7 I" @, S% F; N if (n > theText.length) {n=0}
0 F: l7 n/ c1 V& h" l, C) j8 m setTimeout("doWave(" + (n+1) + ")", 50);( Y, A5 V% n+ m
} s' x+ ]% C% H- H
</script>
% C& L' @) e+ d. X6 v5 b- y<div ID="theDiv" align="center">
2 V# Z* X/ E. K% [# K1 F1 ?1 D# ], z, K4 v7 n
</div>& _1 I' x- C* t9 X, C1 L
( D* n* ^2 w0 m9 \; e) a- R4 ~7 i% ]7 ~; q- J/ e. U
% ~3 Q9 h! I B {" j* c # o- |/ `( L7 P _# X% Y
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|