|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ( m$ |" i, J' A2 |. B6 _3 _( j
: g5 i8 L& U& \" n7 z第一步:把如下代码加入<body>区域中
3 \7 r. L& X( B <script language="JavaScript">: C A) H) h, [' ]5 J# J( j: O
0 d, S; K6 Q& v" l3 V8 Y5 ]
function nextSize(i,incMethod,textLength)
6 Q6 V ~ A: Q* b9 S$ l{
3 N5 z: O, n2 a2 v# b8 sif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- c8 L3 s' e/ ~7 oif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));, T) D) c& b4 D
}
/ {: g9 R |; J8 J+ z. E+ A8 u0 R/ }# G' X' i
function sizeCycle(text,method,dis)' a7 s( s' n! {4 n5 d/ ^0 y% P
{+ m5 O. V6 ]2 a" R
output = "";+ M( h. ]' U4 M3 X: \2 {
for (i = 0; i < text.length; i++)8 L. u3 \8 y4 D2 Z1 ?' h0 V% D) E
{" @. u6 `* j! c' A* j2 `
size = parseInt(nextSize(i +dis,method,text.length));3 _9 v; V- r# s. O$ k* s
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";# b3 ~' g; v K+ c2 b- q
}
2 I* _( J+ B7 J# v; a theDiv.innerHTML = output;2 u) ?1 V% o8 p, Y4 A
} g. a3 C' @) O& U' ]( Y
7 L9 o. N( m! C& \# E! v( e. Yfunction doWave(n)
) y; }1 L$ O# l. |. i4 ]$ j6 D{
) @! w3 K7 L7 G2 L3 o% C theText = "JavaScript";/ i8 E- G( n" Y
sizeCycle(theText,1,n);: D( z# o% |! i8 a# Z6 P
if (n > theText.length) {n=0}
. { o! o6 Y. W X) e" S0 m setTimeout("doWave(" + (n+1) + ")", 50);
V. R5 y+ f. M. ~ C) |" C}& O% P2 T5 c& G7 K2 B/ o
</script>) {# m0 Y+ F, Q; i
<div ID="theDiv" align="center"># n% j) I- l$ \0 M4 z
+ s; n! s* C9 h& g( O& ?
</div>
, `2 H0 O+ _* R1 h0 o8 k I
/ ^5 U1 Y( S9 H" @ P. m2 [4 q
$ e4 k( A. K6 g- `5 D- ~
2 ^( Q: k4 m. H3 g* b- T$ q . x5 B' U4 d. P" q, j G( r. K
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|