|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
9 \' v3 u0 n7 z0 @ 3 G0 m" G4 c6 A5 B$ U4 Y& c4 I! V
第一步:把如下代码加入<body>区域中
7 m( R8 u" n% ~- B6 u <script language="JavaScript">: u0 R) o N* h0 @, L9 J$ H$ F) K3 C+ J/ P
5 x- f, I- ?' \& Z$ Q* Ofunction nextSize(i,incMethod,textLength)2 H, v7 T5 S$ ~
{
7 Y, U, n+ p' ]: Tif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
& }# E v# c% {if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
1 N+ a) ~! Z% [+ X}7 ?) @# U( M' @. r% P7 b
* m y4 i3 Z! Q2 n6 u; ^5 Tfunction sizeCycle(text,method,dis)
% B6 |) S) Z+ n9 M" H{
, v8 y j2 ~, t7 ]9 r) u output = "";
: |4 b% E0 M- |# ~( r for (i = 0; i < text.length; i++)" d6 f+ a& m- m! @3 W$ y
{/ G8 {" Q; ~! C7 n4 D! g, S
size = parseInt(nextSize(i +dis,method,text.length));0 q2 A& \* U2 m* O; E
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
2 W* w2 O2 v) s! c6 [# ^ }
( n' ?* I j' H4 q0 C1 }$ Y8 R theDiv.innerHTML = output;
5 v* ~/ } p. `: J+ K}6 d5 Y g/ I) F: d& v
% h# K% m# ~* X' t* K9 ?" ^function doWave(n)
2 [9 s' M" L- u: V{ 2 `% T; f6 @* }, b( @$ K
theText = "JavaScript";" h' G: ~6 b ^/ z: |
sizeCycle(theText,1,n);% o1 Q) e, e& U& G2 M
if (n > theText.length) {n=0}
9 n& T/ e* ?6 V! Q setTimeout("doWave(" + (n+1) + ")", 50);
; W6 u) y- A$ E$ P* s* ~}& e1 z& X# K5 Z/ p, ? M# D
</script>! X# g" y* f. g# e" B6 p5 C) A
<div ID="theDiv" align="center">3 D9 ?7 ~" k X
0 e3 i: k" P3 U0 |) `4 d</div>8 q6 `3 ^. J2 ]; q' D" o1 I
+ K3 |6 N4 H# R+ q& o4 U f B7 B) S
: g7 t5 k) f% x; @5 U+ k
/ |6 i" \6 }6 y; @3 | J$ T# B
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|