|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ' O0 R9 g* G3 f- N
) o; }2 L0 H5 J! Z第一步:把如下代码加入<body>区域中
6 \- [/ d* ?+ k$ e& x <script language="JavaScript">
5 `, j" u$ l" V8 u1 _9 C% G& Q0 h4 r% E' V
function nextSize(i,incMethod,textLength)
: K8 f" s i; z' v, b& l, `{
( s: ^% \+ y7 |' B% q$ d! ^if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );* R5 k3 t" c4 ?& Y& J$ H
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ Y! J& [' E( m% J3 m/ ?2 ^}& u- ^6 ?% k5 n, ?/ @7 C/ X
: g- A. v0 P- J. T, b: h4 Xfunction sizeCycle(text,method,dis)
# U2 Q/ t/ n* v& I{3 x% m1 V$ r1 ` s6 E$ n) Q1 T2 a% P
output = "";9 W) A& X. w; ^' F, y6 Z' I5 c1 ~
for (i = 0; i < text.length; i++)6 V! `8 K2 G- J9 z: q8 z) l
{8 G' ^; ]3 u" `; v
size = parseInt(nextSize(i +dis,method,text.length));+ @: l* q, t/ f- T* }# z! v) S5 S- S
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
% n% f! D4 C! y. S# U0 ~! R }
2 e8 ^) J. H/ D4 D theDiv.innerHTML = output;- {6 i8 ~3 H, z9 j* u3 _
}
5 }4 B1 G* |5 |" k1 N+ b/ f# N, y- M* C7 I8 O& L3 y
function doWave(n)
. U# f6 C! n' D6 R2 B2 M& E{ j! v7 v% [+ V- y9 I
theText = "JavaScript";& d' R! T# k6 p4 m* |& ~
sizeCycle(theText,1,n);
" L" O% A( y' x# X% x( k; b6 B if (n > theText.length) {n=0}6 h, ~8 Z9 ~8 i
setTimeout("doWave(" + (n+1) + ")", 50);1 c# I# p5 N9 T: Q# U
}
/ P4 b/ E8 ]$ f) v2 Q</script>' m- ?) I" f% {0 T
<div ID="theDiv" align="center">
- P) ~/ r; J" j! l! G
1 u" T# k% t$ B; a {</div>7 f I% u2 v+ ?! W$ L) K
9 r ]' T+ r7 b' E }
0 f& D# w8 T( b1 g
( r2 [% b* z! F. p6 _1 G " {0 {. u2 [) M
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|