|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
0 Y: y w* U F5 G
8 {: L* l" }5 V; o: ^/ Q0 X第一步:把如下代码加入<body>区域中
$ \* v, g$ M- X3 J( s* r' u <script language="JavaScript">7 [. a6 F4 t2 a+ L/ G; \4 m
0 z b: ~8 n5 e1 ?, {3 ?) afunction nextSize(i,incMethod,textLength)- E; ?2 g' f. Y0 r+ ^9 K4 h* y( q! _
{$ Q- v6 n3 I9 m
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );% W" h7 n0 ~) c
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
* P* c7 ^$ ~% w# s5 Y. u}) Y3 y* ], \+ f) I: U: O2 @
2 E. O* z2 E6 o3 A: @: l. a
function sizeCycle(text,method,dis)
2 C# C% ?# G5 \$ L: s6 @{
- H" o9 h' ^' G1 q: Z output = "";
. i( _/ b. |) j- c$ a% }7 b for (i = 0; i < text.length; i++)7 H) {9 _3 S* | P# r. X
{
& z$ t. f% q. g( y& R& b' U: m size = parseInt(nextSize(i +dis,method,text.length));
) U+ P1 j& T5 [9 s% m" n output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
b# M0 d6 ~. e/ L. l6 F& s; T$ o }
/ e% M: u8 T. o* b. d: K, Z( ?9 c theDiv.innerHTML = output;, }8 F' n- c5 E F' V" U% f \
}9 W$ s- L% u9 X* v( [" n
. p0 m8 x# m" f6 T- |* ]# Q# @
function doWave(n)
# ]7 f; P- z* n" ^; Z{
1 {4 N" A1 w1 [0 U theText = "JavaScript";" b+ m9 L+ ^- K% E( p
sizeCycle(theText,1,n);: \& c9 O# F/ F) T
if (n > theText.length) {n=0}
" y9 F' h- R0 c setTimeout("doWave(" + (n+1) + ")", 50);
8 I; r: ^) K; W" v5 W}
7 O4 |) l2 z5 e' g2 ]1 T/ y</script>: F9 T3 d8 ` c; Q
<div ID="theDiv" align="center">" _$ A o# Q( b4 ]0 h* I
+ y8 p4 s6 u5 D</div>6 z) B. t% V% v
* v/ o6 R$ u- X1 }9 e9 r" s- Y7 u k/ {7 R& h) q5 b
! y8 ]" Q3 g/ s% B- J
- ?8 g1 h0 ^7 {/ v/ H4 M第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|