|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
: t6 a2 S: R: h Q1 Y 9 \3 K+ v8 Q! d! U3 s
第一步:把如下代码加入<body>区域中# |+ ?7 k" E: d( K( M
<script language="JavaScript">
( g$ ^( \/ l( P( `% s c4 b! w* e. @8 J$ F! m0 I+ D
function nextSize(i,incMethod,textLength)% o; @" x3 Z4 B% V$ y
{
( @9 ^7 K3 {: v1 ]" G1 P9 Iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );2 m6 [. m7 w# K" G# p; J& p; P
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" ^5 Z) `9 `* f" S& @ J9 f: I* o}
6 X& h' L- p% J- Y& w: }; o8 U6 P" E2 m$ J1 Z( O, `3 l3 \
function sizeCycle(text,method,dis). \: p7 D9 j* i3 e: w) F
{8 y+ T. ~* ?9 d% Z- D
output = "";
/ |1 u( d7 E3 q: a% `% j+ e for (i = 0; i < text.length; i++). f, o: q3 P3 p6 w6 |
{ q6 a; q; F1 Z" u+ ]( g4 k
size = parseInt(nextSize(i +dis,method,text.length));+ H' G+ z) S4 J6 p1 a8 ?7 o' Z r
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";- S$ |; R7 u* [+ l6 T$ u+ ?, @
}
& D2 |- L; g" ? S: G theDiv.innerHTML = output;+ `3 Y. p. b) Z( F% S3 o
}0 ~, g5 {" X( B) l; Z
( q/ ]/ ? V+ N( _function doWave(n) " w8 Z2 _, j; o& r9 Y u7 u
{
2 i5 ^7 h4 j2 J1 L3 J6 q theText = "JavaScript";
3 @% [& B$ Y# n- k- L5 } sizeCycle(theText,1,n);; ~6 l0 z0 W- ]
if (n > theText.length) {n=0}/ n8 T. ]2 N, g9 u+ x
setTimeout("doWave(" + (n+1) + ")", 50);0 m7 @, a. U# n
}
G) Q( S" ~1 m; @</script>
0 q) B* ~- E1 {<div ID="theDiv" align="center">
. i3 a- y7 G4 O; |! a/ ?
$ c# G( }+ z# }% X</div>
5 o6 F9 b7 e& o0 e2 a4 M, a
; ]6 W! ^+ a" ]9 u, }1 G/ J$ g$ p9 {0 n: l! a2 D4 }
- {2 z( O9 w/ _3 T. Y4 @5 a
- _; ]8 @ n3 y% L) t! t" w第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|