|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
# {+ V5 J0 C5 t: y l3 U 0 ]( j& R9 ? {/ P$ z
第一步:把如下代码加入<body>区域中
& t4 k' H6 E: X# ? <script language="JavaScript">
0 Q5 T; D1 ^) K+ q# M4 d! O' J7 F" x4 A7 `. { ]8 E
function nextSize(i,incMethod,textLength)
# K/ }2 n* i5 S5 ~2 s0 J/ N; \{, M* r4 c5 W5 v
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );, y2 k. ^2 ]6 t: T7 P l: B
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" p0 W" L6 F0 L5 E7 g}4 D3 f% f1 G6 \
6 b' j/ R) k; B' I0 m" ~
function sizeCycle(text,method,dis). r- r' G9 F' B4 A% ]
{
: e) |; Q5 ]+ E3 A N: e1 \ W output = "";
# T8 Y# H, J5 E) a for (i = 0; i < text.length; i++)
* `# s: K# v7 X; Q {6 ]! o- o9 B; s3 D) t2 u
size = parseInt(nextSize(i +dis,method,text.length));
# C/ w0 s5 u5 h, `! H7 i5 n output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
. q% L7 k2 }$ e( S( u* I# b% M }
- y- l" f9 s0 F C5 n* N theDiv.innerHTML = output;
: }* C# Z* h" q/ B$ |}" m' z, _7 g! f/ d
/ v7 e/ B3 o/ b4 q" E# C9 i, [function doWave(n)
: ? ~8 c2 Q* l$ b: d{ & H$ p1 I2 |- m* G9 ?3 h
theText = "JavaScript";
2 Q: K! F* {7 V sizeCycle(theText,1,n);& J5 X$ \# Z3 `- x5 I5 w! j
if (n > theText.length) {n=0}, U- |, r" u$ Q& W- h/ B& A g
setTimeout("doWave(" + (n+1) + ")", 50);4 m h1 K2 Y" Q
}3 k; m A2 |% \- o+ g; p' R) a
</script>
\$ Y( m5 v& {' k<div ID="theDiv" align="center">7 ]) T0 s* }4 \& L8 P
* t8 {" |/ g$ V9 F! Q% E
</div>$ M* {7 B2 z% x6 O$ I/ Z; O9 y" V
# T: V4 m% D3 j2 Q8 `
' `: x; M4 `( P% I4 U
% m y8 u6 ~9 t g, |& |7 B* S! {7 M
: T7 _6 Q' v* O0 e第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|