|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
. G; A" O G0 q, ?! W0 b) k5 n5 b, B % p, [& J5 H4 _: X7 Z9 n
第一步:把如下代码加入<body>区域中
+ f) V: g" L9 W( s' a <script language="JavaScript"># B |/ ^$ |' y8 R- Z% ?$ [: u8 }3 w* ?
1 g* a! A, c @/ D5 I8 ^8 Xfunction nextSize(i,incMethod,textLength)
$ m3 s4 f: w/ _2 E& O( d& A{
* ]. f# f+ y$ S3 [if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );8 x" \2 f$ x6 g3 I5 s8 I
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
( ?* ?- u5 z4 D+ L( o}
$ Y+ H. \" A% ^; U8 K2 P, K5 \
function sizeCycle(text,method,dis)
/ ?$ F, y3 [. w7 H! l0 _{
6 t' F; {0 G4 I u2 @ output = "";
9 b( B- O6 d. X7 J* G7 p! C | for (i = 0; i < text.length; i++)' ?& I6 @$ L2 C7 q
{
/ `; `2 e9 g* R" p; E* H( `3 ] size = parseInt(nextSize(i +dis,method,text.length));
" ]1 Q0 f8 c+ w/ v output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& v" i- y8 R/ w. a0 w
}, L: b2 S" H% i; `( d% B8 S, W
theDiv.innerHTML = output;
# T- M$ F' D) G$ w! X. v3 N2 k7 C; }}
1 t% d, d- q4 F# W: t6 H( x# r9 Z( l$ v6 n
function doWave(n)
! q; K# f- i7 b& [2 f/ t{
: L$ {3 t1 r6 }9 r# Z theText = "JavaScript";
; U% Y# K$ l) q) T# E6 B+ w sizeCycle(theText,1,n);3 ~3 I/ U8 m& Q) c! j
if (n > theText.length) {n=0}
3 h% |7 B& e; B2 U+ s. Q setTimeout("doWave(" + (n+1) + ")", 50);0 e( J! F9 E- L! l3 H0 g8 i& ~
}( g* I' n& z; d% k( f# G C
</script>
; _2 q9 t! B- R, W/ r<div ID="theDiv" align="center">
& I. m4 Y4 e( y+ ~9 V1 K, i; ~+ }6 f$ u; [
</div>
2 y3 T* i6 w# D( J- K% }
! I* G" B/ r2 l3 L H- t8 a( M6 g' Q+ ^: B3 w
! |2 a: T- G9 @- f% Y2 U4 G & y0 n( n2 ~9 [$ y$ V! y) G- ]- d
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|