|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: * P' f3 P8 M7 U
5 i$ b0 R2 P" y @; a& u7 ? i; R第一步:把如下代码加入<body>区域中: X1 r* n! U6 s( F3 H) h" g2 E m
<script language="JavaScript">3 Z/ ~" O" p/ ~0 R
1 i: e1 X0 _; ^) lfunction nextSize(i,incMethod,textLength)
6 y, t! r; C& W2 s{& C" ~, C: \1 _+ e8 l
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );/ `3 @6 e5 ^1 j( I" r& f
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
7 j' Y5 [$ m i! \3 ] K8 r, A0 r}
- l" ~6 _7 W1 `6 j1 x4 [3 k! U4 P+ e, T, O% k7 q
function sizeCycle(text,method,dis)9 r/ t; [- _, q5 p( H: w0 s
{1 [* ^! N" \& r2 S
output = "";- U& F0 w3 d }+ U
for (i = 0; i < text.length; i++)
# Z; z9 N. m N# x {+ @; G& y% e2 X' Q' M
size = parseInt(nextSize(i +dis,method,text.length));
( T: s6 I7 Z9 C4 M3 m" v output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";) y% L6 r, I+ U3 j7 b
}
/ C; a; Z0 @' ?' h7 M- l0 ] theDiv.innerHTML = output;# c2 _+ d; y2 p2 @2 i9 Z9 }* O; v
}
; {! c/ V+ c6 a! A" I" c [7 G! b5 I. f$ G' T. k: Z: E
function doWave(n) + L* J7 C2 [0 v
{
, {4 A- o7 d0 Y6 D. e1 |0 v theText = "JavaScript";
" l7 q1 \5 a! p/ t9 S2 t' r8 k* G" a sizeCycle(theText,1,n);5 P" A- r' A' z( L" n I* Z9 h
if (n > theText.length) {n=0}
( a+ P' J0 g6 W2 n* i! n) |0 N setTimeout("doWave(" + (n+1) + ")", 50);( k7 y5 }, y4 F+ m
}
' {/ ~$ Y; ^/ m: C0 l8 ]</script>
7 Z$ o1 N: v( A) W<div ID="theDiv" align="center">
" T! D7 H, B/ }# Q% d) |
9 I" V1 M! E4 g8 Q0 q1 P</div>
6 n8 ~" U* c1 |) p# z5 d i) c2 S2 N+ i* S1 R
2 D* z. a, _' W) L4 A! }. T* i" O& u$ i: o
: \ `7 J- Q, O, t4 J) L# `, v0 A第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|