|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
* G( r5 M, h8 P4 N# b 6 G& ]5 A% j$ N, I
第一步:把如下代码加入<body>区域中
. Z1 M: T2 m5 w7 {7 \& l2 q! v <script language="JavaScript">1 \# r- T* @) c9 A; g
0 Q7 s+ F3 M; Tfunction nextSize(i,incMethod,textLength): l7 D0 h1 u9 W4 H1 X
{
, u, K/ M& `1 N8 Pif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
. E g) Q/ R7 \8 t. E gif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
9 f1 b* r' h5 P2 ?2 r0 G( K; b}
* _9 G) y* E" ~; d& N! t- g4 a5 @5 H- Z" a9 h# s. M, o1 R' O
function sizeCycle(text,method,dis)4 w0 M! ~2 N7 T w
{
I' M) x( B6 g output = "";$ T6 I) n( i! c( [/ f- o, e
for (i = 0; i < text.length; i++)
& d1 i* [, {$ F. H {
& Z+ X5 ~% W) m; P size = parseInt(nextSize(i +dis,method,text.length));+ L$ L8 {3 D9 F
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
- ?( d* h. E/ l! u9 }# F0 Y }, E8 l0 N+ A7 x5 p5 ~
theDiv.innerHTML = output;
6 A7 X1 G" S& k* D0 Q) R$ C% z; S}
8 o ? {; c/ e8 a0 j% i4 H: b" f9 @3 j( @1 D" E+ K8 p6 Q* E7 U
function doWave(n) + B' t! U/ O! k+ L! H) B
{ ( e# @4 p2 u: Q% ^
theText = "JavaScript";
$ p/ g3 Z# Q) b1 q* o4 ?1 D sizeCycle(theText,1,n);6 } R0 u/ c0 d8 p, P
if (n > theText.length) {n=0}
- {/ a% P; { k setTimeout("doWave(" + (n+1) + ")", 50);
: N) r1 x8 T" ^6 f, Y4 y}3 c5 m6 I; I1 h% ?' l
</script>* U: I6 P/ l" q3 M
<div ID="theDiv" align="center"> k6 m4 T% k5 z7 x
! N: x: v4 K w! G2 @
</div>! X' H G, F* Y; r8 e. S* K
n' `& B. o9 ?
2 C% m- I) U! b, b/ b
" }7 q' J3 D9 L2 F' i/ O
4 T3 i$ e" j/ b第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|