|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: # K# e3 ]2 w% V0 h
- ?6 F/ _8 f/ |0 C第一步:把如下代码加入<body>区域中
* g ~4 T$ C$ l/ P" ^9 \2 ] <script language="JavaScript">
0 Y) D3 O; O X" r' ]
( t* P) H0 j3 }# g) `function nextSize(i,incMethod,textLength)
# d: e% w* b& ^! A8 y{( i( n9 c5 ]5 O7 O7 u( s1 `
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 M, k. _; J3 W# Q
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));2 F9 ~% H3 i9 T8 Q9 P0 j
}
! p |9 B, e1 C4 \7 `( y
" p0 g2 t4 O7 c/ cfunction sizeCycle(text,method,dis), G( ?# p9 o1 G
{/ H& E2 M# k: C- k& T' o. b. U' C
output = "";6 U, t* a$ P! I6 [- \- Y4 P+ G
for (i = 0; i < text.length; i++)
% O" F; G6 L% W7 B6 d2 m, R, q5 P* K5 P {
. w3 c- }3 H# y9 S6 ^' l4 x size = parseInt(nextSize(i +dis,method,text.length));* {, k+ r9 {2 l" e& }
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";4 r1 Y5 y' m$ h# r, y
}
' x N5 C$ n( x: | theDiv.innerHTML = output;
; l: r8 c: j8 R, U4 J7 Y7 N/ z* `8 C! }+ |}4 m1 H. }, X6 y+ s( Z) D
# ~( |" H- ~9 b7 y- Mfunction doWave(n)
! I6 e* k4 W; \$ [0 ]8 |' \{
) A* N3 E) `$ g theText = "JavaScript";
/ |/ N% k7 g5 Q |/ ?; X8 |- \ sizeCycle(theText,1,n);+ F0 u- T' `! H
if (n > theText.length) {n=0}
! M# l0 ]. s% f1 i' C setTimeout("doWave(" + (n+1) + ")", 50);- \" x2 P- m6 R; v# l8 w6 J/ m
}
7 @9 m7 ^7 ~: m7 O5 c& G</script>" S+ s3 B& Q& W+ x1 |) P. O
<div ID="theDiv" align="center">
( } S) i4 \, i" E+ V* E5 ]9 J" _$ s; Z) y
</div>
% W) N0 {- s+ }2 k6 O) L$ L: D. i# W' P5 x# \4 g! A
- ^$ T6 V5 f: B
9 A: z, f5 M( d! S7 j2 j/ {3 C
: ^5 `+ J; v# E G6 E' M& h
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|