|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: : X+ A' q+ _( V! r1 u
0 C2 v8 \, L3 U6 ^1 [/ \
第一步:把如下代码加入<body>区域中, z. N0 n/ o2 t, |6 T- x! m i1 a
<script language="JavaScript">) O9 v$ h# W, |3 |
; y5 J- V7 ~# L5 O& v4 g
function nextSize(i,incMethod,textLength)4 x1 t: T* \. a, @4 V) P4 W
{
: Q2 w7 o. c& n) X2 {if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' s1 j5 a& b {
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ E. D: m1 s s3 X6 O) L) O}
, S/ J I4 B, A' k4 |$ m
9 e& C" y# ]3 _* G& t. g7 ofunction sizeCycle(text,method,dis)
9 z. U+ x; m7 R+ T) Y{9 N) ]3 }% Q9 A- f# F0 _
output = "";1 i2 U7 [1 j& M" H
for (i = 0; i < text.length; i++)( w [- Y k; {6 z0 v
{6 ?$ [0 K% n5 E) Z) O- c. ]) N- x
size = parseInt(nextSize(i +dis,method,text.length));( I; A* O9 h7 @* k! Z6 ~% A7 P. r& I
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
8 \/ ?4 W, t4 g% N }
8 p4 `# S( o4 x, }# E theDiv.innerHTML = output;
# U1 d+ G/ e6 J3 _; _}$ b- a- U% M9 q! M
H3 ?7 L: G9 ?7 Kfunction doWave(n)
$ E/ O5 K, c5 u$ f) M- _6 `, y{ # v- l0 M* v8 b" ~3 [3 u
theText = "JavaScript";, O" o$ p, g4 V" n! @( W
sizeCycle(theText,1,n);; A7 h7 T1 `/ D7 G( M3 U
if (n > theText.length) {n=0}
+ n( v9 y% C% I+ {& P* K setTimeout("doWave(" + (n+1) + ")", 50);% j( c6 s3 f9 t% v3 j+ n6 I% r
}1 h+ X' T' \. w3 G8 ?( r a
</script>9 l; {2 G3 y) g5 r1 R6 S# A
<div ID="theDiv" align="center">
+ d6 {9 B; b% A9 I% W
: j- v9 A# s3 F: t! L</div>; G! {7 v$ A1 I! U& r" R
6 |; @' a+ q, J; X9 Q0 ?
+ V9 c8 i; c! \: z9 C
2 X( Y) H: O) ]/ Q2 w
3 c" n9 P. C, K# W' ]
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|