|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + z' S! K; k9 D7 \4 Z
# S& n' n5 t; K& a: f5 D* [
第一步:把如下代码加入<body>区域中; V, n( s; j! }& s3 E5 x& n: O" [
<script language="JavaScript">
4 s- Y6 S9 w: F
7 J( }6 J' h! o! J/ J. Qfunction nextSize(i,incMethod,textLength)
8 X0 P D+ ]* d* n{7 b5 V7 I( Q4 o- {7 x5 Z
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
; U) S+ f2 G& c7 y" Z9 @5 Oif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- \; s! {) V, _
}$ T" J& l! L- S3 {1 |5 ~/ K
2 E/ R: }0 ^4 Z$ g
function sizeCycle(text,method,dis)2 w2 t3 p( g& A4 M
{
9 a W& _& V8 Y2 y. V, V" H output = "";
6 m! i% h* v) C. x3 d for (i = 0; i < text.length; i++)/ {, |; H( `) F4 ` L
{
) k9 Y: |9 M& i9 G size = parseInt(nextSize(i +dis,method,text.length));
/ |$ V. q3 R. C; q& z& X% u& A6 L output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
) `! a7 I1 T" p; i* x" C _ }3 t9 \3 d0 J- g; B- Y
theDiv.innerHTML = output;1 Q) g' X0 P9 p9 g9 }' y& I$ W# P& |: A
}7 j% k# ~7 I) M3 U" @/ X7 M Q
2 ^/ v4 E$ g( Y* @9 V0 A) z5 efunction doWave(n) H: l4 j* D2 |7 `- W3 M+ z
{ $ f4 J% g# ]8 I; Z: O: t$ B* f/ Z
theText = "JavaScript";" Z/ x) s6 j, r) S/ e
sizeCycle(theText,1,n);
, ^, X4 p- `) B, A, I if (n > theText.length) {n=0}$ a" t# f/ ^/ S/ l4 {1 o( r* R7 Z1 a
setTimeout("doWave(" + (n+1) + ")", 50);
( r2 ?; u3 n0 s9 h- d' o}
# P3 D! ]) d, d) q% m</script>
& R) n1 Y! M* K% V; [<div ID="theDiv" align="center">2 b! }# [! B9 i" N7 T; K
. D8 h( |+ ]. A4 Y</div>) t% J; B* P2 C6 S3 Z' w
) u* W! W' d) V" Q3 u# N
, C/ W; W8 h0 O7 k, D8 [4 e _
1 e4 R" m1 O5 |
/ I/ h% S) T2 e, X% z$ H; n6 A第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|