|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
`$ j7 ]; J( t
$ z2 R5 i# F1 r% Q+ D第一步:把如下代码加入<body>区域中" f+ E6 O/ P7 ?) `1 N. P1 H; ~7 ^
<script language="JavaScript">
, R+ Y: o; }. v3 S2 Q3 q! ?* i7 k6 H
function nextSize(i,incMethod,textLength)+ u8 z; e- L- i% t/ f
{& t1 T7 o! O1 M" |. z) c1 |
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
7 j; p: U; i' r0 @; a/ _if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" C9 ~" I. B& o( U}
: W$ i/ D. E! y3 _0 ~0 p# V
% S; d3 j: w: `function sizeCycle(text,method,dis)9 d1 r- m: M1 ~" V- z9 Q5 K6 b
{. I0 `: @6 m* _( u
output = "";2 U; c# }! v( d4 ^" p& n7 [
for (i = 0; i < text.length; i++)+ K4 R- O/ x Q+ g: m
{% E. ?4 r8 Y1 ]; y0 Q* P% v
size = parseInt(nextSize(i +dis,method,text.length));* { D1 z9 k6 v2 W$ `! Q
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
- a& G$ ^+ T6 t$ { }4 k; c6 ~# Q% A, G: C
theDiv.innerHTML = output;
$ B7 a5 P' i) z# E6 T}1 D% M6 l7 k+ _" r% e
2 T: [! i7 X8 E8 I2 Z2 n4 yfunction doWave(n) 5 n4 Z9 h9 `% F# V ]6 Q1 _
{ ( c+ V! X# ]4 G! i9 r% Y4 U- B5 M
theText = "JavaScript";
: U# p9 |+ v2 a) G3 D sizeCycle(theText,1,n);
! F. V5 L2 d: d! H( W$ O. l if (n > theText.length) {n=0}
8 n8 T! J. B1 N3 k/ A, `( k* q4 S setTimeout("doWave(" + (n+1) + ")", 50);: b5 }! k6 b. A9 O5 T
}, e9 h" H. k: W7 q
</script>
u, t& o) K. T J/ U/ T<div ID="theDiv" align="center">
: N& Q) m$ O/ V) x3 I5 }
) t! M k+ y5 T, Z3 U</div>0 J3 o4 ~ b* a3 u0 b# Z$ d
7 y% W# V! F Y2 g( p' a* n9 j. L1 q; T7 a- S" l
' p; X& x8 A! f& G6 H
& F9 Y' P+ M4 T5 `+ v S
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|