|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
h# y' k+ O, Q4 j! ?* E . R0 \ q8 f( d6 S$ h' ]
第一步:把如下代码加入<body>区域中9 w/ Q3 Q# c% f$ n `. p: ~, ~
<script language="JavaScript">" }; I! M* m3 d. A
+ }# y2 K- @5 n- m# _) A- nfunction nextSize(i,incMethod,textLength)' Z) @2 S r) ~) A% O4 S, T/ ~
{) j$ D8 H& P* A9 }7 c8 G0 |
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
& P2 w! b v" h# v8 ~2 ^1 }if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
0 |( k- n1 k' t+ S( x. P, h}7 \/ p, n2 Y& S- b/ T4 B8 N5 ~
: g G4 a: L/ [; F5 _, Cfunction sizeCycle(text,method,dis)
) N$ u9 q; \2 t4 [5 F+ ~2 m @{
% Y: {+ z5 O6 W& o output = "";# j* Y+ e" Y, L) w$ R
for (i = 0; i < text.length; i++)
* Q+ I5 r. c3 b5 t% m {8 g+ K; s7 n" Q$ U9 X
size = parseInt(nextSize(i +dis,method,text.length));
s4 Z7 _7 ]: J G output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
- ]; q) F" m6 J }8 k' _6 E( p) Z3 l, O
theDiv.innerHTML = output;
P+ A4 Z) F* I+ P' V}8 l' ^& @" ~# H( w! b) `4 E
' G* m& y/ a# V! F( Wfunction doWave(n)
- \/ {* B! J2 C{ ) f* x; W7 h/ f/ ?" z, k8 F G
theText = "JavaScript";
* r- r$ A; X% j, } sizeCycle(theText,1,n);" l* U0 c. l6 J
if (n > theText.length) {n=0}: n6 M% X" Q* g
setTimeout("doWave(" + (n+1) + ")", 50);
' f6 \* a. p: g! I V, c& h}
$ c$ A) b/ ~6 k4 C( V</script>
0 i: U! W- i- {% b; d$ Y<div ID="theDiv" align="center">6 I5 j3 K( H% N8 a& |9 T! X
: A% t4 i- V. [$ X& E: }
</div>
6 n$ z& M$ e5 g0 [* A
: H! X+ P7 W9 } I. R: q" G& |' d3 O- u. m. I+ \! K
$ A& H% B; c" d) d : K8 ~$ S3 o8 k& ]) [( B: d
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|