|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ' ?1 i$ D* z Q: f
) T' x$ W% C& ?4 g2 B
第一步:把如下代码加入<body>区域中
/ q0 c& t6 Z. y/ E9 l <script language="JavaScript">" S5 I0 C0 t8 S. b3 y. M
: I9 `9 K$ H) P8 \; ~3 Y
function nextSize(i,incMethod,textLength)
% X! W: g9 o! w& n% `{
9 H7 {: L4 X* c( O$ r. y) ^! ~" ?if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
( _7 o: p, [: @& ]& R W* Gif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));' A5 n) `; v5 B; Q ?! ~2 a
}
& K6 {* C6 r$ d; D1 p
0 a; N( ?& W1 T/ v: Y3 c! R4 Afunction sizeCycle(text,method,dis)3 c4 P# k$ z) C5 K8 T" m
{# ^3 j! o& R; {0 `, J
output = "";% E; d- c9 b0 a2 D
for (i = 0; i < text.length; i++)0 S7 ~6 U6 n+ o
{/ E: f* @% |( G' i5 F V: A
size = parseInt(nextSize(i +dis,method,text.length));
0 x7 H$ P* J: x" F output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& o- `, D5 h" P; H: S
}! ?6 w5 {1 m$ B4 O
theDiv.innerHTML = output;
% M {& m# r7 g) Z) M}' _ ^ @! J2 D( [$ ~
! d1 y1 O8 e$ p+ |0 N% h
function doWave(n)
# Y, [% J$ p+ Z{ * y1 d7 n: l/ {4 C$ w p
theText = "JavaScript";
4 X. S5 a! m1 r/ Y! [* l* E# m sizeCycle(theText,1,n);
2 O( o) S1 Y8 Q6 } if (n > theText.length) {n=0}- \2 g4 R1 S' A- @( ~
setTimeout("doWave(" + (n+1) + ")", 50);) l) Z" c, u6 |+ e! w
}
( w7 @ }) b _7 }</script># E& T9 U3 C( c3 x% o4 J
<div ID="theDiv" align="center">
4 C: O/ t3 N: f! c
% n8 Y9 ^; b3 y, o2 [! \1 q% R, }. e</div>8 j9 Q% [' r) }! A
- U+ }' b% [* H9 T2 x! W8 ?7 |' f0 C0 I1 w3 _6 {* H) T7 y' ?
7 g V4 a- E8 J. J$ m8 m& {) L# A
0 d8 k" q5 K, U( t) ~% ?. b$ Y- t' o( m第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|