|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: " H; g N: e3 s( v
# y8 W# \# J' ?5 U+ `第一步:把如下代码加入<body>区域中
/ S2 |3 E. r1 u* a <script language="JavaScript">+ R: ^' L* N# A. G; s
+ O2 o) y3 u& g% h( r: y
function nextSize(i,incMethod,textLength)
* A, E O- c0 F4 M{8 `$ W4 }7 q x1 e( y. `
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 f+ Y; i' d6 X( p1 G
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
7 _, c; @ @# ~0 E" \* X2 _}
+ M O7 v: F: q3 q+ v |
?/ S' G0 O2 i: [& t! a7 g0 pfunction sizeCycle(text,method,dis)* A. ?, m3 r. A$ \
{
) O- X. F! b! R! r3 N output = "";1 v2 t; n" ?/ {$ }( b: D# A
for (i = 0; i < text.length; i++)
3 `: R `5 \" }* E1 g6 h |# D {
6 d+ x* c! G3 C$ s. |4 E z) C! N size = parseInt(nextSize(i +dis,method,text.length));5 t C2 ]* {1 ^) `$ K/ l4 j) d
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";6 {2 G4 J; ]$ }7 }' x
}7 ~) K0 N) t* r$ A% S( U1 C
theDiv.innerHTML = output;
% j6 \5 j. Y+ q}6 F6 S6 x5 R' ^: E0 b" P6 X3 B
: n4 D2 c+ P) n C, d4 Z
function doWave(n)
4 _. @1 d. ], k( D6 P* t2 T! u# M{ / l1 s7 n/ N- K( I. F, p: h& \
theText = "JavaScript";
k) f' ?& f: S! w4 K sizeCycle(theText,1,n);& h5 a8 Q/ t% p. G$ a
if (n > theText.length) {n=0}. |. |" n/ T- B! ^3 H5 s$ i+ V
setTimeout("doWave(" + (n+1) + ")", 50);1 M% H& h. ^( Q0 Z' \ `
}& W4 u; j# R( p$ X0 G9 K
</script>7 v; N0 w0 S# c" M) I- }
<div ID="theDiv" align="center">+ T# N0 l' V# q/ a- M
1 q4 S( y& B- D- X% q3 z
</div>7 D0 N* z" T$ ~) P1 I9 ~3 J
) F9 U+ M* H0 N. A, R
$ }1 {; R/ ]) ?% B! U
& L! U9 e6 ^) [
# }! S: }5 {$ _& d: D( K第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|