|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: # K+ Q5 `9 @5 N
+ K; d1 ?3 Z+ Q% _" L1 s第一步:把如下代码加入<body>区域中
' n9 f" D0 X; D& {- o <script language="JavaScript">
$ [8 J+ T I" S u
6 K5 {' x+ D9 h; |' P O# yfunction nextSize(i,incMethod,textLength)
! B, X' Z: c5 s' I! k{! t8 }+ |+ q; D8 w" s3 a3 e
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 D$ q& m; f3 A. I D6 qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
2 A* u4 `/ d' ]- D6 L; p4 T h}% r6 h F' a- I1 W5 _- i5 w# X
8 r; I* I `$ E! D8 l, ~- B6 _5 `, _function sizeCycle(text,method,dis)% x" i, V8 n6 i2 I8 H
{
& X4 H0 ~' X# ^; x' o+ @6 | M! _ output = "";- z0 A X( m: w8 U
for (i = 0; i < text.length; i++)1 J7 T4 x- p6 w0 L }* k6 P
{& }* N. \) s5 C
size = parseInt(nextSize(i +dis,method,text.length));* U9 o( i- u o2 _
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";7 [# C% p) v9 W6 i5 B/ T. T
}
; j/ j: c7 k# {- B5 s! o3 H: C4 ^ theDiv.innerHTML = output;9 Y' E( K _$ C# L; ?) q6 ?9 H+ f7 x
}: u% ?4 t# I# M6 U
5 C- c( ]. c7 Z6 Efunction doWave(n)
4 J9 n8 q% a) m( \{
1 Q) f, w3 Y2 c) M- H% U; V theText = "JavaScript";
^. w# L, \: `6 E- J) p6 I' ] sizeCycle(theText,1,n);
0 m. x3 {$ {8 F" f! O if (n > theText.length) {n=0}
- K' T' {: ^2 i+ r5 e9 ?' A; j setTimeout("doWave(" + (n+1) + ")", 50);
7 [; E+ O. a3 {- w- A}
5 U' L! L5 d7 `! [) n</script>2 p" \! Q9 I& x2 O! X4 A0 f8 j
<div ID="theDiv" align="center">
2 u& L# s, j# {- p* T1 {
5 k) ^' O, M" U, M2 ?</div>* E3 r8 ~, z1 }: f
, W8 Q' J) b& T. S
) o6 t- s+ _; G3 [5 f$ q: @5 {4 D. h5 _% L$ _' r6 |7 c9 w" Y
0 C, n3 l, \* ]6 M- B# c第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|