|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
* w+ O+ L9 K$ i ]5 m. O3 ~
& \ {5 b8 W* H7 R: g+ q. @! ^第一步:把如下代码加入<body>区域中1 ]2 E: d* j0 ~% ^; U9 Z N6 k, k
<script language="JavaScript">* z$ ~+ q( {& A8 l& G/ l
$ P# M& k) K/ b! ^8 Efunction nextSize(i,incMethod,textLength)% [! Z0 |0 O* C6 }- ~ ~& I; O
{6 h0 i: u% j; L6 K: t% d2 J
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
6 u$ b& h e1 s$ z1 qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
2 E @3 X9 G+ J' N+ m}
" [( q# n4 O3 o8 z
, L2 o0 ~2 N. `7 {6 p& q2 B* e3 bfunction sizeCycle(text,method,dis); a( @. f( }' o
{2 ^& g0 b5 n9 g/ h
output = "";
) s7 X: M$ c0 S for (i = 0; i < text.length; i++)" x: D, _% z" [& ?$ D% e/ D
{
2 m i: s0 u8 C* u size = parseInt(nextSize(i +dis,method,text.length));7 V: ]0 |- |- |) p- m& ^- ?0 Q
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
$ a3 D2 \6 q) o$ K7 s9 l }
, ^- p! Y! z0 Z3 N theDiv.innerHTML = output;
7 q# H3 O) g4 T- G}
5 z1 B9 c' s9 {
! r6 U0 i# S, t! e6 l" t( B. Ofunction doWave(n)
$ g& J J& e& E. A$ |{ . U1 F8 z+ h/ m# T( X. B& }
theText = "JavaScript";
0 s6 h. A* X$ h4 @ sizeCycle(theText,1,n);
9 L1 n& A w8 u* Q) s if (n > theText.length) {n=0}
: G1 ?3 S/ L0 t% I& e8 Q4 k0 x; Z- k setTimeout("doWave(" + (n+1) + ")", 50);
* y& k1 a8 l: J. v% m) x}
, T- N2 k1 F* u, S5 ]7 t</script>
0 |! N1 x0 e/ r<div ID="theDiv" align="center">
" m/ [- `! V) j: o3 r
) t7 {! W. Z$ g- a</div>* {/ n5 p$ w1 E `- Z
' w" j( C: e3 V0 l. M c$ ]
* a6 @# b7 u* ?+ E7 z5 z% [
1 B6 U$ k. y8 y- s- ` O
4 N+ [) N7 G8 q7 D) y7 r% d: T第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|