|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
1 Q, s( a _% z+ u: n) I- Q' D & B# ^2 o2 u* E) s' \
第一步:把如下代码加入<body>区域中$ ]; ]5 Y3 R* F" T+ t8 T5 }4 o8 T% I
<script language="JavaScript">
1 Z# Q5 ^- \( D, ?) v ?, x, T9 O$ Z4 V; D% J8 j( P0 i
function nextSize(i,incMethod,textLength)
; ]) v8 f; L; H& ?& R; F8 s9 I j{8 z) r% V, ^" ]
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );0 {/ N4 v# L9 b; M
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
9 Y! J i) {2 A5 D) D1 E$ Y( v6 ~}: Q9 `% Y9 N; R' D0 b) \
" l$ j# N; A }1 A
function sizeCycle(text,method,dis)
9 @6 b4 M3 o. i3 S9 J. S{' T1 C9 A! A5 x; z$ i
output = "";$ _6 R( t7 ?6 J5 W% g
for (i = 0; i < text.length; i++)5 U% s1 S& P5 a% @+ h- u$ s! H
{( ]9 b; `& C. l% \! v+ E. @7 K2 D
size = parseInt(nextSize(i +dis,method,text.length));+ a/ I% e' o# R0 ^+ k
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";0 P$ Z! N( V3 R& Q4 a8 F
}
) \ K! }) |0 {2 G theDiv.innerHTML = output;( g' j5 P/ q, W4 n' v! ?0 z2 E
}8 |/ ]. p; n5 j2 w# i' R
8 K( H% M- V2 k, ^1 pfunction doWave(n) * M2 Z+ v3 w+ ?1 Z/ t
{
. X. k, i# Y a z, T7 K; } theText = "JavaScript";
/ t7 n1 v4 I% b+ ?. Z6 j sizeCycle(theText,1,n);; p8 a5 L6 C) s' d
if (n > theText.length) {n=0}
6 L* w9 _+ O, ~' ~% q setTimeout("doWave(" + (n+1) + ")", 50);
- y& W3 q+ a( I* ?5 ]8 |- `}
& u) W0 @: e: l! D</script>
9 w( }9 n1 O0 N3 p<div ID="theDiv" align="center">
, ^ [) D. r, e$ [+ f/ ]5 z5 O& |( r8 P2 W% T
</div>
/ g2 |$ O" C) x. I0 s/ r' X5 a3 `- f! ?0 L1 k9 r% c- U* |
6 W8 ?" l ~& n
( y8 I9 x7 ]6 J" f 6 }9 S# i1 ?# l% G& ^
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|