|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ M) z5 d% Y; F * }* C7 ~# b1 S. K% I" `: [7 Z# |
第一步:把如下代码加入<body>区域中/ ]4 o4 S' F0 E$ f, a( h5 a
<script language="JavaScript">
, B, P& s, K* }7 S. K4 u4 g
, B8 i8 @6 q4 N& t* `; I7 P! Mfunction nextSize(i,incMethod,textLength). `! B+ }7 ~( S- C2 O( H% {
{5 J5 @+ T# c) b6 m+ A# D ]
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 H6 L" Z# v. b: i+ N0 V0 hif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
1 ^( h8 z: z. I# f1 t8 t}" u9 J; `/ f" ~2 y9 ~9 R5 G
# Q4 z+ \3 @3 I# t1 Z4 S4 c2 R
function sizeCycle(text,method,dis) W R d) {5 J9 M
{
3 k+ S# c" f- c9 D" l9 C output = "";
: m' ^+ T/ X9 |+ a( h, q for (i = 0; i < text.length; i++)' U6 g' H/ i: S+ @
{
6 T% I) ]0 n* n/ l# x" M5 W8 } size = parseInt(nextSize(i +dis,method,text.length));( [5 O% _3 Y/ l) T
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
6 Y6 F! c& K6 a( b9 `' K0 Z6 A }% S$ P6 Z" c4 G* T. r
theDiv.innerHTML = output;
- a+ [- N- d* n( ?}. b4 r% q* e$ n( p) l
' l* |1 |! J+ ?/ O+ u
function doWave(n)
% j) }3 z" a5 _5 y: O{
& ]2 f4 F2 q) }- _' X theText = "JavaScript";
) N, `2 d6 l2 x sizeCycle(theText,1,n);
8 U( t0 a# e2 a- ?% L( |5 x if (n > theText.length) {n=0}
# v2 e: t4 X Y setTimeout("doWave(" + (n+1) + ")", 50);
) ^; p$ {/ J2 Q+ F' T5 }% R}5 a4 o! n5 f. }- j n- _/ j; I( m
</script>
9 |; ^6 D$ H e% Q6 v- S<div ID="theDiv" align="center">" H. Z- |% \5 k/ c1 s" e% E
! a* h. Y! d* I' i7 O- u0 h! `</div>
. D5 [- s* z$ q0 ?" v0 z
. u' M O& }. H* ?7 c* d, _- N. ?* [1 B3 v' p! ~5 O
3 Q9 ], M- I9 N* B5 P: \# J% l
2 m4 y' Y+ S! h2 \5 \. D. q
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|