|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
) c# W: {2 E/ P6 ^+ u
) Y* D) F: U, o k$ q0 H1 F第一步:把如下代码加入<body>区域中 y' J6 g* e% I
<script language="JavaScript">
' g" ?/ Q" d; F/ U) s
8 M# u& m: b, F: J* x* Cfunction nextSize(i,incMethod,textLength)& |! B% F* P+ L" Y
{! ] ^2 B O& \* W! C, m
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );8 b5 I# H# G* R l. V8 A
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));0 i6 I6 c5 I8 d E1 |
}+ v d( o, V5 j6 N0 b0 k& W1 y9 i
4 S6 Q. k& a- J1 u
function sizeCycle(text,method,dis)
7 D+ {4 s8 C8 A* j/ L7 v. p0 n{
/ V8 v1 y0 b' k output = "";- z" X, @8 r* j! z" V3 Z4 y
for (i = 0; i < text.length; i++)7 W$ [# O2 J9 t Q
{
9 s: O+ u& L, w+ U& n size = parseInt(nextSize(i +dis,method,text.length));. ?4 [: ?/ a& S- F7 F! C6 p4 a7 Q P
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
! n2 J, }, `6 e( Y _9 H" O }) p$ s, H3 [0 z0 Y8 c: h
theDiv.innerHTML = output;) g4 I7 J' H# X2 X2 G0 |
}
% a. i" @/ ?! c8 ~$ A( j! v6 A6 D& r2 z3 m
function doWave(n) : C. P; {6 Q. h. [
{ * J- B1 u3 ^# ]; ^# N8 a" p# m
theText = "JavaScript";5 R d. h/ h! x C
sizeCycle(theText,1,n);
8 c: k, ~- p3 w4 o if (n > theText.length) {n=0}
X$ [& G+ {) M K* Z1 \ setTimeout("doWave(" + (n+1) + ")", 50);4 m, M( [6 r6 W1 p* H1 J3 t/ M
}! G" _5 q6 u$ T: ~3 u
</script>
6 D! S6 `4 ~% C0 R; d<div ID="theDiv" align="center">) G) h2 i& z) g0 e5 a
) S# ^+ P* p. E# t% Y
</div>
% b) Z% h$ T; V2 F m; a _2 S. }& d ?
' E- B. y% k9 g7 a. D
5 `4 c" F. M' p5 j: N' K ( T4 y) I; B4 ~
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|