  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之奇特的文字变化特效
脚本说明:
/ [, i5 u# K4 o3 D& k' ?- b `, v0 k) U$ |6 Q4 J8 X5 s8 s
第一步:把如下代码加入<body>区域中" C2 o0 R7 C* B3 \# [
<script language="JavaScript">* C0 z4 t5 g& n
. _' j( s, a( O. o8 _$ a% x% p" L3 Pfunction nextSize(i,incMethod,textLength)
+ [: b: Q/ A5 y8 w% c{
5 j" o1 j0 k- J; k. m7 Rif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
0 {7 b' H, z. Q' q: k: i/ x1 qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- |7 R* x# c* n+ s" j ~# c, f
}
0 z: F, ]6 d, F" j1 {" m% ^: e+ [ q7 p9 q1 A: _. i+ ~
function sizeCycle(text,method,dis)' H2 S V- F: y& P n
{
; A% A2 ]- \3 s7 T+ H output = "";3 w! D0 R! D P+ r; |2 g
for (i = 0; i < text.length; i++)# }1 f1 A G+ i6 e
{, C$ w8 s2 [$ ~: @
size = parseInt(nextSize(i +dis,method,text.length));$ A0 T; U9 u+ Y( {* b' ~ n
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";* x, N- v3 B& m4 j4 R& ^5 e$ K
}
1 i# y; n; b/ t$ @# S9 h$ L theDiv.innerHTML = output;$ z& M: h2 |5 G* J" t3 G0 s3 y0 h6 C
}
( z, _% v/ m$ @3 R9 x7 E `# n }- m9 x
function doWave(n) & b) `2 ?5 a, L
{ ' v# H! c, ^! |4 `0 r; Q5 V
theText = "JavaScript";
$ C( R7 x: r1 Q/ Z sizeCycle(theText,1,n);
. ?# s4 ^9 h% [ n if (n > theText.length) {n=0}6 M/ v0 g" o8 X
setTimeout("doWave(" + (n+1) + ")", 50);, e0 z" \6 P( c) g8 H
}
& C; v4 |* E( M$ a" ~</script># R1 O' V6 o7 \8 Q1 m' I
<div ID="theDiv" align="center">
2 I- o. K |: J$ p6 \0 P9 X: \
* s- P4 Z2 ]$ t( m</div>; G' l# O* Y8 W4 J- d! n4 N
# c' _; S5 y3 i, K
* ~# I# v3 q J& d- o0 v. m% Y A, y0 }6 O- ?
' u. [+ Z% X6 t6 y9 I) f: B) \第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|