|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
9 y! Y. n" w7 Y6 ]* _: T+ |2 ?
+ Q0 u% l* ~; X* L& |第一步:把如下代码加入<body>区域中, d0 |& B0 r! Z- V
<script language="JavaScript">
5 I( J: M( G6 n/ X0 z* ~' _* R- W7 |: h0 T! H, A; S
function nextSize(i,incMethod,textLength)* F! R0 H# r( V0 Q: _! N0 G8 J2 x
{: s/ t5 Z8 T2 b3 R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
+ f6 M, O, @* [) }! cif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" Z* k6 C5 b9 L0 i9 z}# D5 {! n/ J8 _" A
- t0 y X' u4 I* f6 Y3 b* t2 ~' efunction sizeCycle(text,method,dis)3 E' G. E. U: F" {3 J" |( L9 G
{
: o8 c, C4 \6 M- {- K. z) L! l output = "";
& G. D8 O4 o2 d; {, E; y/ r% r2 l8 o/ I for (i = 0; i < text.length; i++)
, \/ K0 q2 Q: J {
( a$ R1 j% w% @) d2 X size = parseInt(nextSize(i +dis,method,text.length));
$ \& \9 R$ n: B output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; U9 G$ j/ p; N, l! u9 c8 C' l
}, q6 D% ~* K8 C I& \
theDiv.innerHTML = output;
: H7 P& m/ E2 S4 V" P* ~6 p# R9 z}
7 E8 P+ J5 G+ E+ l" B2 J2 ^! q. t% t1 `6 f, ?( W2 P; O+ H6 i
function doWave(n)
T0 ^; T. S& z2 B. ^# n" k{ & Z. A) v- M& Z/ W& t+ Y
theText = "JavaScript";: j* s8 a# h& F' _
sizeCycle(theText,1,n);
+ I1 }# F- y/ |% k8 o if (n > theText.length) {n=0}
/ F9 ?! O2 A* s l: { setTimeout("doWave(" + (n+1) + ")", 50); W- N+ T, n$ B5 H2 U% h
}
5 {, F% b( h" u</script>! `% `) a! p- ^' X9 |
<div ID="theDiv" align="center">+ T5 D# ?+ s8 [" `
% K6 D/ K; Z. o, X8 R& a</div>% b1 T8 w/ m4 N4 M; |2 L* s
! r. A8 h0 P2 L; l3 ?
2 S0 ^9 P% ]6 S9 P$ \. g5 }+ y7 U9 P( b! }0 B. C+ N, @
) K; Q) g9 X D2 n! E4 v第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|