|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
& f* }( j5 Z9 @; s: @8 r) U : W/ K; d1 ^( o) U! L" ^: d
第一步:把如下代码加入<body>区域中5 U( O W! p5 q+ |1 k( `# J p! n% b
<script language="JavaScript"># K* l6 v# O# m7 x
) c# o5 J9 ^9 Z. F: S* _function nextSize(i,incMethod,textLength)+ n' x7 S9 m; F
{5 o, D+ L3 M- z0 M5 s+ g
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
& H1 `' ~; h: O+ w, f! [+ zif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
) p+ l5 o" Y1 H}- ^- {& Q; ?( l# q6 z. H: g
. b3 X& Z7 e8 h, C" v, dfunction sizeCycle(text,method,dis); f8 }% C$ I: t( Z2 {+ v8 k
{. t3 G9 h4 X9 _% ?
output = "";
' e0 u2 _. X* X for (i = 0; i < text.length; i++)7 o! g+ o: J3 `* \: f" j
{
3 w/ ?3 F. [- S8 O size = parseInt(nextSize(i +dis,method,text.length));# f* z0 l) F0 I! {! _2 w7 }% A7 e
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";8 V7 Z, e6 \9 i. D* K; M7 R
}* W; \6 e7 J/ i2 @
theDiv.innerHTML = output;2 v+ ?" z! ~. R v7 z
}/ p1 t5 c/ C+ D% k. {8 d5 B/ `
7 C/ n8 ~5 A3 z( [, pfunction doWave(n) " `" B: }6 W+ d! r
{
8 i9 n5 v0 A8 k3 d2 U6 x theText = "JavaScript";, i/ K3 q) ]* s1 i1 ?
sizeCycle(theText,1,n);
/ {/ c7 V% E1 F; I. ^) j% d' s! n/ | if (n > theText.length) {n=0}
: u J" ?. q$ T, ` setTimeout("doWave(" + (n+1) + ")", 50);
) U* K9 W$ I3 a% E2 Q}
7 |) G" ]& L0 A! C. `</script>
- m3 r9 e+ e. }! a, u5 R) Q<div ID="theDiv" align="center">% \) {- M2 h5 F3 {+ Q) U( `
; {, h s; g2 k0 v$ u# Y</div>* h* i0 E7 o: L# A# i; f
, U: k2 Q0 x6 z3 l: _5 |% P
) }* j, n3 p7 g2 Z( S8 F, L7 e$ j2 I7 U
6 j; A3 W& O m2 j3 W6 G' w: t
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|