|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
. P1 {4 @# T* t& d. f9 y . o: U9 J. I2 m I
第一步:把如下代码加入<body>区域中! C; k- e+ u/ B5 e& ~. m- I
<script language="JavaScript">
6 T: s5 x6 L$ ]2 B
, W! u, O7 Z$ B7 Ufunction nextSize(i,incMethod,textLength)
9 _7 G1 F r; P0 K* p0 K1 U; A{
" R; |5 U$ p7 n% cif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
6 Y' G& x- j. s: q9 d2 m! H1 ^if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
! p) P1 p4 ]$ O5 E0 v7 H/ D}
! }& B' h* ? h' }! s; E! V: M6 X) t J8 O
) P+ d+ ^& D' i4 z) Q9 S6 [function sizeCycle(text,method,dis); X# e+ y9 G3 v. g! x2 g
{ s" O% I; k3 h% ?. ^
output = "";
, l# p2 m7 S9 t' A: p3 N for (i = 0; i < text.length; i++)+ Z3 u, e: S. e4 A
{
% A' j. ^ t7 d7 \+ C j size = parseInt(nextSize(i +dis,method,text.length));
. y, O; d4 M' A! E3 D0 _; z2 w output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";$ O: G6 P, M; t" c1 W
}. D& X7 Q! o; t, k# g
theDiv.innerHTML = output;* |1 G" |, {" b( C- Z0 n
}
4 E* _6 V; v8 W8 W* ?! i V4 {! p; j) A- k
function doWave(n)
$ R; p$ H" x. U. o{
4 \6 q: G+ u: V! y/ y8 X) E# q theText = "JavaScript";
. m0 ?0 m6 H3 z9 D sizeCycle(theText,1,n);1 w/ ?+ {8 g$ Q, ]
if (n > theText.length) {n=0}
) y2 Q7 ~% C, S n! f4 Y; G setTimeout("doWave(" + (n+1) + ")", 50);
; }- R, G' z- c}
9 q Q: i" k7 q</script>
4 m* t2 D" s8 k# g7 H$ \3 ^<div ID="theDiv" align="center">
) r" }7 M' @% o2 C4 }' w$ T) ?0 X/ z& w( x3 N* n0 p" z6 j
</div>
& M4 \6 M& r2 \0 X( c, {' w( \. |) L( V( N. O2 s
2 g( n" Y- p( t1 W# y3 w
' F7 l( Z- G. z
3 I- L/ z/ I7 |: U/ z/ l: c第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|