|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
# |! [3 M& o" o0 O. G5 E m ! r% g) W6 }$ I
第一步:把如下代码加入<body>区域中# A" T$ t3 J0 y# h2 R3 u
<script language="JavaScript">6 T/ d1 ]' p$ s5 t# i& K Y% z6 U
# Y" E* Z# S; m0 Y7 @
function nextSize(i,incMethod,textLength)" e8 _6 w4 a( w
{
$ N* r3 c$ X& ]8 A fif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' x* E$ A* D# c# }7 J$ a2 ~
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- O% h7 x, h# o( `( l
}. s. P" k& x8 a
; z! `+ B' q" C) E: q1 M6 o, q" tfunction sizeCycle(text,method,dis)
( o5 I9 B0 ~0 w! P6 p m* ]4 x{
, D7 _( J7 x j1 E& i9 A& } output = "";
( _$ Z2 U, D9 G for (i = 0; i < text.length; i++)
$ O: x. q9 m |( k9 p4 E+ ]( ] {
. a/ E0 r) X1 g. B size = parseInt(nextSize(i +dis,method,text.length));9 H1 i) F6 O) U+ u
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
/ ]& b z- \1 x6 @% j4 z }
8 N" z0 S& C& \; d theDiv.innerHTML = output;) i% S7 V& J, N
}. V1 g) |* }$ i3 m# U1 j8 ]* ~! V
9 r. Y) d/ K1 Q$ Y! @$ k
function doWave(n) " q( y# d6 U! l% M6 ]
{ ' t: {3 P4 U) P4 z( B- K6 B
theText = "JavaScript";
) h: e$ g, i* s3 N0 c# G1 P: x sizeCycle(theText,1,n);
; ?$ k; i3 c5 g/ y. ]' q* g/ \ if (n > theText.length) {n=0}- A. M* Z! O1 x% e9 J
setTimeout("doWave(" + (n+1) + ")", 50);: Y" U" D6 J6 V- |8 l9 ]
}% ~( L- s3 y! j/ e2 L+ L! V
</script>
+ |0 ~- D3 D4 k<div ID="theDiv" align="center">
* s! R. O% |: a9 t
- |1 j: G, C/ A& [1 c</div>
% f# {( v/ @% G# ] ~, `% I5 ~ ^/ K; J
- z' \+ Z% ]3 x1 v7 z
W1 l6 x" k" q8 i9 K2 S ! h1 V" N H/ k0 N" k# b* B# J5 u
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|