|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + h5 p d$ X% ^8 v( ~
6 n* j$ t6 p/ e4 @& k* @4 j2 C: S第一步:把如下代码加入<body>区域中+ j! ~0 M- T: ^3 u
<script language="JavaScript">
/ T- t" B W! |5 ]6 S
* p0 J* v, r6 ofunction nextSize(i,incMethod,textLength)+ b% z! b a/ {. W
{
3 i2 m* T% o/ t8 J5 Mif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );# U+ A6 a4 M* C& p7 ~ N
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
6 t4 l' z) r* c& ~" ?0 G$ n1 X: z}9 g+ D3 R* S) i9 g4 s3 i! I' E- P6 p
* A/ q$ \% F5 X+ W7 qfunction sizeCycle(text,method,dis); K: b P" e: D% i' ~
{4 V n3 L' [ e
output = "";2 p3 A" Z$ k$ H
for (i = 0; i < text.length; i++). x9 g& P/ U0 H0 Q- q+ b% G
{
4 S* i+ B5 o4 [# f size = parseInt(nextSize(i +dis,method,text.length));/ A1 U4 i$ K0 U7 r0 [7 Z; l+ q
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";1 r$ u, l9 x0 R- k' P6 e& m
}
- |: {9 a0 I+ r3 @) e* ]3 k$ N theDiv.innerHTML = output;+ Y- k8 Y7 [% G
}
( ^ j8 @8 H1 e+ _! @5 J
* p! k; k/ d2 N* Xfunction doWave(n)
! x, R7 P3 v- R0 x{
L" l! Y- h! M. j: G0 a! k- h theText = "JavaScript";
, e$ R1 q- ]# |4 c2 [, p& D/ X sizeCycle(theText,1,n);
) L6 `3 a9 _6 y# Q if (n > theText.length) {n=0}* h% f3 e$ m0 G. n0 ]& N j0 ~& R/ J
setTimeout("doWave(" + (n+1) + ")", 50);+ r) z+ i9 z! }5 [$ c! B: u% L7 I
}8 l, ]( ?& W$ u5 s
</script>+ |) Y( N) ?: X+ z6 ~
<div ID="theDiv" align="center">+ |* V5 k* ]- n- [
# n; W7 j2 B+ H# k& E6 R
</div>
% [) S! L! e3 w: h
) L+ a7 [, A* X+ D/ u8 v1 M3 E
# n$ g5 N! d& ]. A& `( | o5 A
8 M$ t! N$ {$ ]$ U+ v % g# j @: u( T
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|