|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: , r8 `* k! a# y2 @9 m
' P# b1 e, H' ^. G n; {第一步:把如下代码加入<body>区域中! ?, s- J2 `* F. _
<script language="JavaScript">
9 I5 g! |2 b) R3 y3 o. ~3 y3 J2 u8 n5 w9 l
function nextSize(i,incMethod,textLength)
3 [* ]4 p5 l4 _5 }( v{
- {+ a2 _, C! ~8 Kif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 Y: u( d+ }) [$ X
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));) k; N9 |8 a! x+ G, C! F- W
}' Z" j) Z6 v c6 m" B+ j. f
7 p, m+ E; w6 g8 c8 t' x0 v5 N% wfunction sizeCycle(text,method,dis)9 s! O% _2 O6 e" s3 I0 ^
{
! Q9 C1 i: a" K: {0 I! I" M output = "";
1 a$ e0 Q( X6 B# I for (i = 0; i < text.length; i++)
1 D( Y9 J9 m+ ~9 D. k; }& \ {
8 _! ]! \8 d/ d4 B) e. k# b* |3 d8 X size = parseInt(nextSize(i +dis,method,text.length));
1 b H. L; t8 j: T V! a. i0 | output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
* G1 X' h. @- i" N5 { }
( Y0 C6 Y; i+ o$ y6 @ K7 j5 F0 r theDiv.innerHTML = output;! F! \7 o4 ]" @, z4 ?# m$ r
}( Z% E' S1 e% V
6 w5 ]" S( U6 u/ r0 h
function doWave(n) " c7 V6 R/ P* z( y
{ 2 q; `9 m3 |8 y2 F1 Z; L
theText = "JavaScript";
$ b x( S; N! [: | sizeCycle(theText,1,n);
8 Z. `) g- C+ g2 ] if (n > theText.length) {n=0}
. z( _6 y5 ^; L8 t/ ] setTimeout("doWave(" + (n+1) + ")", 50);
8 Z9 i0 M' Q% P" J5 O}$ ?6 [' h, J# K4 a" W
</script>
@) | E# Z ^1 ^" ?* S; x: H<div ID="theDiv" align="center">8 Z) g( R* j9 O1 @0 a
6 V1 b# T! w+ h1 H' N9 f I5 Y5 @
</div>' f6 t; y1 u, ^9 H
0 y* h- H2 u6 j! }0 r" y8 I4 s6 f# n. g
* U% H* b) W. D8 z: h
' ?) o7 n! E2 ^- m
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|