|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ) V5 h: e7 h6 x- ]% j
6 t; s: Q; v* d* |第一步:把如下代码加入<body>区域中
- e" j S5 |! s% K* v; F <script language="JavaScript">
" i$ f! c/ Z, J, Z) X3 M( Z! r q
function nextSize(i,incMethod,textLength)
9 T6 `+ m' x$ J( G5 F{
" e4 d$ g5 L2 J+ |: Cif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 J7 k+ a7 p+ C
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. y$ G) l( K W( ~- D: N0 r# E}
; Z2 \5 K4 `3 N+ Q; R2 X) g
4 F/ w3 o# F' zfunction sizeCycle(text,method,dis)
9 g I( C& p! j; w3 H! |{
4 K3 {, w+ o+ Y/ t output = "";
5 A, P% P9 ^/ b1 {+ X: ? for (i = 0; i < text.length; i++)
+ s+ d% c1 n, p1 B6 c {
0 k- f( |, q4 y size = parseInt(nextSize(i +dis,method,text.length));
5 }/ @/ V! U- ]- l) Z$ }$ \" }' | output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";6 a% M- H V. Q; p% k V
}
8 f' u0 K) ]6 W3 \* x& C; g: V theDiv.innerHTML = output;
) G* i# F( `: D" j. K" Q W}
7 x' k- F- L1 U; z; I8 H7 D0 X6 C$ I1 m6 }
function doWave(n) : M- A" {- t6 h7 y$ W3 Y
{
9 d: x# a' X. ^9 a ^ theText = "JavaScript";
. r' k. t2 k! g$ n) Q" C7 W' b/ \ sizeCycle(theText,1,n);1 f- y4 d4 y& E! z+ h( M
if (n > theText.length) {n=0}
. J, a. e( C2 Y: D# ? setTimeout("doWave(" + (n+1) + ")", 50);( V2 z; n4 _- b4 y7 N4 E. ^# K
}
5 S1 z+ D% {# d, V% X: s</script>6 ^& ^% w4 ~3 e/ T8 {* p7 w' J, t
<div ID="theDiv" align="center"> w7 r( {/ C3 y$ q; l& Y; Z
( ]4 @% l( _$ \* J) I) K</div>( M6 ?: T$ I4 k' e! X. C) ^ @& d
3 z1 v M, a, S. ~9 G% F& r G
1 t2 ?7 A0 ?' [& u0 V' o1 D1 B( \& g7 p
8 D, Q" |! X* z. R8 M. C) X' z1 n第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|