|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: / d4 f0 [ W8 t8 j
) f( q5 T1 W2 K: W. l: b) `
第一步:把如下代码加入<body>区域中+ n! x, | X* ^: J
<script language="JavaScript">9 X4 J9 w& }' `5 X$ P# @" t7 Q: Y! f# m
D8 h Z2 D' ^) C2 |function nextSize(i,incMethod,textLength)1 @1 _8 @8 b/ M& ^
{
# B9 E9 N. O; I1 y- q; @6 rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );! U8 l. e0 S& y# s2 }
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));+ {# K: \, r! A7 `+ x7 e% ?& L( j
}& f8 x" p9 E; a; f5 Q+ Q- ]
/ k* r2 Z% G" S+ ?! pfunction sizeCycle(text,method,dis)& \: e% h/ g. T, @. x( L$ D
{
1 t4 l( f" V# E5 M output = "";
/ k" ^+ _$ C- E/ w+ ]5 }9 h for (i = 0; i < text.length; i++)
4 W- g" q5 c" e) o6 C _; I5 l) R {$ m$ G6 I5 H# R# {2 d/ x$ J- _1 m- K. ]
size = parseInt(nextSize(i +dis,method,text.length));+ b- K7 c [* o; A4 |/ n
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";$ A4 P3 |% Q, D9 J, ?
}
% v2 F7 e# s% i/ {% } theDiv.innerHTML = output;
( @& w! z$ J% W! \}
$ i+ r9 L. V$ P" @( F, G- ?2 {
2 L' S% O6 I: n' x }; B6 ~function doWave(n) 2 E m- w( ~3 R/ Z; @
{
6 i) ^4 g- K6 X theText = "JavaScript";
7 r3 M. v$ I5 _1 c, V sizeCycle(theText,1,n);2 N; D6 N* ^4 M1 O
if (n > theText.length) {n=0}
8 T3 u" ~9 X4 {* a9 N# Q4 d. I setTimeout("doWave(" + (n+1) + ")", 50);
( C: C- ]9 b9 L4 X @ [' B}
2 g1 Q' y4 e2 Q. x</script>: H k6 p+ ]) J3 Z z: Z; H
<div ID="theDiv" align="center">' r4 ^& ~7 U! f; C' w& ~ q
0 b( g8 T) E1 L! V
</div>, G8 D( G' R4 T& G6 y6 _' K4 a
* v) u; F+ `# s% u
5 [) n8 Q+ s B; p( m' Y) |
$ r! f3 P, Q0 m b% m
8 @5 Z5 \% F# w) Q+ K3 h ]& j+ s
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|