|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: - l1 V/ A- i. h" L3 E3 u% b
8 {5 C b) ]$ L% Y% L
第一步:把如下代码加入<body>区域中
; z' c4 v" ^; v' h/ Z <script language="JavaScript">
( k- G* t+ R) }9 i6 m' ?0 j
/ h/ N5 A. _( N' Xfunction nextSize(i,incMethod,textLength)
/ n3 y- W0 b* R- f4 e [{# i3 v6 a. D& J0 a7 q2 W o, ] z% X
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );) K* K' c1 o/ \) F) p; V4 {1 U
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
2 y7 s: ^. Q% C% S3 Q0 x3 y+ [7 K}
7 c$ N" ^, M6 ~$ I# t( T5 d# f0 X1 @+ i% R; k, }! i
function sizeCycle(text,method,dis)! V- T! M H7 o* u% A& o2 g8 b
{
, y9 L% _# |- i% }+ F' H output = "";
' O) I9 U, B% g' s# f' T for (i = 0; i < text.length; i++) A: u' x s# d# }) @' Q' G8 O
{0 A. u v$ b7 X2 o
size = parseInt(nextSize(i +dis,method,text.length));! b a; r# {7 _2 R p( s) t
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
. F8 s; {# @" Z0 z) ^- t! R1 h }. _1 e: C! z" s% q J
theDiv.innerHTML = output;
, C Y4 v9 C2 \}7 D5 ]; f- O( f. V9 ^! @1 P' \" `
& ^& I9 ^3 V8 z3 @& U2 e7 \: @
function doWave(n) 0 K9 G: q, B2 Z7 x& I2 y" N
{ ! J' Z) ~$ D2 G4 W+ F4 q
theText = "JavaScript";
+ D" Y" K$ O3 w' A! [1 M& w" B sizeCycle(theText,1,n);) ~7 y7 G( Q _* B% M
if (n > theText.length) {n=0}$ Z& R: o- o7 ^5 s2 x3 l) v
setTimeout("doWave(" + (n+1) + ")", 50);0 [+ X( R; }- _1 O: w9 T3 W; H
}
5 ?4 k0 P2 L. f% o</script>8 m& V, @; @, Z3 j5 g4 y
<div ID="theDiv" align="center">
) E4 X4 C$ g D7 J- ]3 }8 H; I5 H K9 @
</div>7 C/ r4 Z2 C, ]: x" z! F/ R
: E9 y6 |9 t! B$ ^2 s. p* f. n4 s( u
1 `5 l" D$ L* P4 k. m0 U+ A' C : y0 M R# \' {: h5 o. M" U
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|