|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ T _( s/ x; o( A0 y; ] * a0 P* n% Q9 y, ~( D+ z# T$ h0 P
第一步:把如下代码加入<body>区域中2 L5 [6 h: P2 T L
<script language="JavaScript">; d0 [6 F7 I z' R- r3 M" I
, u- Z/ n7 G2 L; q e" J) o& _function nextSize(i,incMethod,textLength), |! H. n |! g& v& m7 W/ E
{
5 I) s) C0 N9 S P) zif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );& q' a/ W2 n6 b: o, h, ~' n, P
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
' l! |0 f$ q* N}
/ d! w1 C, Z* Z+ L9 B3 w' a; x7 _6 n9 W" D4 w
function sizeCycle(text,method,dis)
+ ~2 Y4 } ]+ ^3 E' y) i$ i* A{1 D( _. H k3 w6 m! h4 s
output = "";2 C5 E- a! }! z$ R4 k
for (i = 0; i < text.length; i++)! G1 T; L% N: z4 |3 K" \! w2 |
{
) S" O$ z. q) ^9 A2 M* Q- L size = parseInt(nextSize(i +dis,method,text.length));
) M; {/ a) E* z* S output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";5 O/ {2 u& y: H8 b% ?) B7 _& Z5 a
}
, [) ` {7 X* j theDiv.innerHTML = output;6 |7 y7 b' L9 J
}; `3 B5 V. f- B6 ^- i
* Y8 g7 W, G2 d6 {5 [
function doWave(n) - A6 F9 K) d( j) _) z5 S H. w
{ 2 {% Q' V8 t- c+ q
theText = "JavaScript";
0 n* [& r: R6 X& _6 {, ]7 P sizeCycle(theText,1,n);! R. y( R! y; e; \6 x
if (n > theText.length) {n=0}- A) f F5 x6 O2 q9 P
setTimeout("doWave(" + (n+1) + ")", 50);
. ~3 ^" z- c$ u8 f% L2 D3 b, F}
$ k; Q( F) |/ g9 ^2 t- x7 v</script>+ W2 l5 C# L: [2 Q& H, F
<div ID="theDiv" align="center">& n4 j3 A7 ~2 S2 D; Z
9 h, d; }1 v U6 }</div>
3 ~0 J$ m- L2 p- k) \ F, E$ Q" Q* p/ k" v6 A
8 P7 g8 C* c% x2 L8 ?# U* D3 z# ^( Q* L7 p* `
# Q v# h& _" k: W) g: q0 @- z' i
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|