|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ' }/ L" \6 }( x5 m% V z6 A9 z
0 E, w+ O( H5 z
第一步:把如下代码加入<body>区域中
% h( t/ `- y2 F6 I1 K n% R. @ <script language="JavaScript">
2 C7 Q. N' ]5 Z* b0 q
6 [5 N- b* G' Qfunction nextSize(i,incMethod,textLength)6 J: ~" w* T- _, |
{/ ?. n$ T t' t1 X
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
0 J0 t y$ u% ?5 Xif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14)))); |% m, n1 X+ z! t/ ]0 i7 F0 k
}
1 d/ i4 t4 p1 E0 L) W) R$ A9 X c! r v
function sizeCycle(text,method,dis)
$ g: i2 N3 B8 H. p/ \{; j) p" X+ ^9 |. d) I0 Z3 M
output = "";
1 ~ d- S, Q% L/ ^ for (i = 0; i < text.length; i++) X) P" Q f: ]# e4 r- [# c& A7 z2 p
{
* `) m1 N* E/ m) a$ D! W E" m size = parseInt(nextSize(i +dis,method,text.length));/ E6 v8 o+ j) j; g4 X% W5 N
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";8 [. u/ y4 a4 G
}
+ T8 |# \ G% `' E2 \7 u5 V theDiv.innerHTML = output;% l2 U, t/ Z! ]) S8 a) n9 s! T: Q
}$ u) L: I) r- k2 Q" k8 o b
: o) g0 D' O0 p9 @$ A* Kfunction doWave(n)
4 R* Z$ f: m- E) T7 ~{ 5 B! F7 ^+ b7 y+ a4 s
theText = "JavaScript";9 @( {2 O+ p) U5 n$ p0 R. L+ h
sizeCycle(theText,1,n);& D3 e2 f& e/ I
if (n > theText.length) {n=0}. w% Y: H$ d3 d# O5 h4 F$ \! q
setTimeout("doWave(" + (n+1) + ")", 50);& w, h7 Q% F& l+ |' K) I
}, I% ]% f9 H0 x! r$ V( i7 z
</script>8 {) C) B0 O' y9 Q/ q% x* d' P
<div ID="theDiv" align="center">' h% [' n; p$ W0 k
0 \" c! p) J& z8 d; r* M/ l0 E. V</div>( l; x2 ~; U7 {6 [5 e. m/ A* N
4 C0 T. X1 f# \/ s# Z/ l
0 x8 w# Q' Y& H$ j( H0 H7 }3 m
: `5 h2 v& X. G: M( q& d0 O* ] * b$ j0 H$ J' M& h3 ]/ _5 ~
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|