|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ l: v3 j. ^. a$ L% e: T 2 S L# @1 ~: D
第一步:把如下代码加入<body>区域中
% C" t1 X) C8 i <script language="JavaScript">5 i( h( C3 H% E( F# q
; a. Y& l% l, E* T% Hfunction nextSize(i,incMethod,textLength) r1 }. h& j: n3 J) Q* k& i
{
' P+ W }5 ~. U, e: U7 s; rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
4 H! |7 \1 t3 c3 r( \2 dif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
8 y. |% k- A2 X/ Z8 I}
% M% }# i$ z1 N( G9 P
" |6 \4 Y5 \% t7 Wfunction sizeCycle(text,method,dis)
# d( C5 R4 ~0 B- z8 K2 u/ y{
: ?5 f7 b- C: ^ output = "";' \6 Y& d# f) J# Z
for (i = 0; i < text.length; i++)
# i# w6 w) u0 ]6 s {
2 f6 N1 _# u# l4 d& ^0 y6 G size = parseInt(nextSize(i +dis,method,text.length));! R6 K- S3 m( w+ L
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";8 S1 j% j! ?9 ?
}
3 ]/ O5 X) z# J _3 F) k* _, p theDiv.innerHTML = output; v4 y d8 Z- m$ h5 L
}
4 ~2 y2 f. r0 X& K: e
& w) w6 z7 q/ e8 Kfunction doWave(n)
" O! t; r. d! \. H/ K: y5 M2 Q{
. a( O6 f9 ^( u; r" J/ o theText = "JavaScript";& X; W1 ?1 t8 ?" E; M
sizeCycle(theText,1,n);0 @# S/ m# f) \" d" {! ?: z% I
if (n > theText.length) {n=0}
- F' M: a$ Q' s setTimeout("doWave(" + (n+1) + ")", 50);9 F, H2 Z# u' S( ?$ s* e# D' [3 |/ S0 T
}/ ]6 v. ]+ T8 [# N" O/ S- T
</script>0 k) Z1 ?; Q7 F4 D7 W
<div ID="theDiv" align="center">0 K7 {4 e. }! | M* f1 ~: |8 z
- W- B& E' x6 T, H9 ^
</div>
! j! |8 y9 L3 Y$ X: a" D: V6 _6 ^9 z6 o* E$ @# ]
) h6 @$ T6 R# K
" ? d/ I4 O7 ? s 9 c; K- S0 l* l" p# b
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|