|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
! Z( Z+ B2 |+ u
/ h: Y4 R' K' U& j; }0 |% P* x/ l第一步:把如下代码加入<body>区域中
9 Z* j7 N6 ^4 z; a7 b) @7 Y1 { <script language="JavaScript">
4 m; q% D& p. H5 h5 m/ i9 i. H Y0 G
function nextSize(i,incMethod,textLength)5 d6 Q6 |* z2 e) D
{
( |0 X$ v' B1 [# r1 m1 y, ]if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );! ?/ A/ z) p. S. \
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));2 D+ s. L0 D. z1 x: X$ o$ x @
}0 V4 X/ E# F1 y+ T
. L- R% V/ @' Y' G' @- `4 J
function sizeCycle(text,method,dis)
5 V" _ o5 [" t3 N% t{2 w; x7 [, D3 N3 G" c; V- V- Q
output = "";" H) A* c2 _, G8 u2 e, E: E4 u
for (i = 0; i < text.length; i++)2 ^0 w2 n+ r6 u1 |8 I1 a4 \
{
' Q' z: q( v( J8 x! c ~% ` size = parseInt(nextSize(i +dis,method,text.length));
9 E: D. d8 z( ? `# p! w- [ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";$ _6 i+ L0 W; g0 s+ i
}
* j) e( ~8 Y2 A1 t# }$ }' s theDiv.innerHTML = output;$ G: ]) \1 `+ h
}; t3 k+ \) L, |# |
% L5 V6 _: s$ M9 k' {
function doWave(n) M" @; b1 g T' `$ s! U% O
{
( S- R/ N6 C9 Q* H9 k* V- ] theText = "JavaScript";
* w, @, ~2 g% H! \ \) Z; J sizeCycle(theText,1,n);/ s8 f6 P: ?( B; L4 t
if (n > theText.length) {n=0}2 N9 a0 ?9 K& v" V
setTimeout("doWave(" + (n+1) + ")", 50);
3 h$ x2 ] ]/ T+ r) h- e}6 H! L) F# u% J8 x& t/ k7 |
</script>) r1 \* w; R/ ?/ W$ Z$ g4 Y w
<div ID="theDiv" align="center">6 T7 u& B# ?. L/ m
! p' v2 }' x! o0 C/ d</div>
5 M. A( F I# C" c4 J+ L, q- p+ @; q) O9 s) r5 J# p4 H! V
u- b7 O4 }4 E4 s4 |0 q+ t
2 _2 |7 W ~) d3 j; C( g 2 F9 k" b- R/ O. o, n
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|