|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 0 |- ~/ Y. D# j7 _9 h
1 Y/ c z% l4 m% Z2 B
第一步:把如下代码加入<body>区域中8 M+ e$ o& }" b! G% _, K5 V$ L u
<script language="JavaScript">
0 n2 J u+ x! i8 w; O
/ p+ L( [) q* F kfunction nextSize(i,incMethod,textLength)+ |& W; Y/ t& q0 F% k
{
" x! E; a* n0 i2 |5 _3 s7 D4 V9 rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' r F3 _" V4 v. \) P, }; z6 Z7 q
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. U# |2 e M- f* j _' s}9 a8 F" s( ]& X: ?7 @
7 k' X3 K5 t7 q! Z3 [* p& I* K
function sizeCycle(text,method,dis)/ K/ h+ @4 T, X) v# Z$ Q( [
{. y- i- @9 n8 Q+ O5 L: b
output = "";) q& ]. t& P! o& p. K
for (i = 0; i < text.length; i++)+ |* {" V ?: d5 H$ O
{
# k: y) v! T5 p, } size = parseInt(nextSize(i +dis,method,text.length));
$ J8 O3 k j( J& x7 ] output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
+ P8 {; X+ i0 Q- N! @ }! _1 _; X0 r2 Z4 x
theDiv.innerHTML = output;, \/ ^; R l2 q) P
}
6 j" l7 z! L2 P: h9 M2 T
3 _# Q- o4 d) G8 W& {function doWave(n)
2 n# N# z- F( x{
$ P3 u: C/ y2 `9 t theText = "JavaScript";8 }$ N0 `+ U2 ^8 B
sizeCycle(theText,1,n);
9 u* \+ b( D5 k$ l8 B if (n > theText.length) {n=0}
% H. g, O v, F0 X$ Q0 ]. G( E# p setTimeout("doWave(" + (n+1) + ")", 50);
$ [% [2 q% d1 f8 S}
* \; x- s0 f/ O( H' E</script>
7 l7 t& Y! O9 F M7 g0 u* r. l<div ID="theDiv" align="center">
, M4 z9 G4 r. b( a6 O4 w0 ~
7 F! ~$ Z4 p. w- R- r2 Y3 f4 g</div>
4 D+ t. ?: _# W% c9 O$ z; |( \# T6 b7 G0 Q/ P% D4 E
& O! n3 @' f2 }4 [6 d
. V2 a! z: j5 s W6 `
0 A2 n7 U6 x# F' _ A第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|