|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: : k \3 P% c' M0 x+ u. n2 J
. M# E( a8 t$ S( R5 c2 ~: U0 H4 H Y第一步:把如下代码加入<body>区域中
" `! s* |) N+ i. S <script language="JavaScript"> ]6 F& Q) g! j9 A5 n; l) Z. A7 g- a4 F
# a' i' S$ d. Rfunction nextSize(i,incMethod,textLength)
8 L" N3 U" n ]4 Q6 z{' ^$ a. J' O7 O8 t' `4 ?7 Q3 P
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );$ ^4 ~6 l9 W+ u. J9 H
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
( Y$ Y' \, m0 l8 T, a' w9 `+ i! p}9 L- @9 M. p2 P$ ~: y7 ?' c+ |- `
. v" B/ n+ R' a* Zfunction sizeCycle(text,method,dis)
* H* ]" u) w+ D! Y0 F6 R `{
: k8 o* y' p4 Y" U- w0 L9 b output = "";
* X ]- o9 v1 n6 {# L6 ` for (i = 0; i < text.length; i++)4 [. p2 u6 ]) @" @, `% J
{' B- z6 S1 C3 I5 J. U; Z# V# T$ a
size = parseInt(nextSize(i +dis,method,text.length));
$ u3 g% T8 q8 [+ U4 A$ z output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
* Y( Y7 s, c' `- ]8 g K0 w }- n- h( _/ Q/ y, n+ z) B
theDiv.innerHTML = output;% C6 y. F6 t# o. \; \& n$ ? C
}
% v' U& r5 S# F0 u, a& C% W# K4 d6 _. p" l0 {9 r0 l h7 b
function doWave(n)
; S- ~7 A+ u6 {1 Y7 K/ x" t3 B' G{
. l; R+ J8 p( F- h( b$ ~ theText = "JavaScript";1 x9 m6 g/ O. v; b; E
sizeCycle(theText,1,n);7 m# F$ z; {; {+ E# q
if (n > theText.length) {n=0}
: M0 Q, L7 U9 u g setTimeout("doWave(" + (n+1) + ")", 50);2 v& _2 P1 G* \6 R. e
}
0 @" |3 j5 Z0 c! a) x6 n* q</script>
! T+ q# Y2 ^7 F2 \' m9 K4 a<div ID="theDiv" align="center">+ d- t. O, l4 k3 k( h
- @4 h* O- y! k</div>
$ |3 @% U% A+ o2 H, M) Y7 b
" }3 T) v/ E1 z& ~4 s" Z+ b, {. w0 L' _
! z2 v( L, V- d
- B- x0 E$ B, Z2 `" E, u6 ~3 J第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|