|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
) I- c. T) k- z
3 a3 U6 m" J3 F第一步:把如下代码加入<body>区域中9 A4 z/ t' _. p% k- w7 O+ z
<script language="JavaScript">; j, U) l, K& y8 c1 w
4 T6 R# T. g. q7 `: W2 d
function nextSize(i,incMethod,textLength)& P. j! c* ] d/ \, n
{) ~: z$ u& K( p! R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
: H u( |1 P( S0 g/ Z. hif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. G+ X) y9 F8 c& _( \5 @" j}
6 f* `1 o! c7 s4 `. P
. L2 O; y8 I5 I% D0 Bfunction sizeCycle(text,method,dis)
5 h+ ^2 v* Y+ ]1 T: h6 ~{
2 {6 k. h. S. |" b output = "";
# Y) ]: ]* C, P* p for (i = 0; i < text.length; i++)+ c" x' l0 U& U
{1 {6 p, Z3 X: f
size = parseInt(nextSize(i +dis,method,text.length));
* I2 R- K3 N8 v/ q3 c+ E/ W7 u! E6 u output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
5 P5 E# v4 X0 w/ r* q6 M; s. Q }* A E4 s% V5 c: j- s6 p7 m) z4 W
theDiv.innerHTML = output;
% ^9 T/ y- V" {}, `5 R: P* T y/ [2 @: a* Z, S# z
@- I/ m0 k* Q Q0 `: |, V* l
function doWave(n)
/ k: ?) o& c: v3 Y{
# v' q; [* h+ _' F1 {' L theText = "JavaScript";
0 O, k+ A! ?+ z0 W) n/ ?7 T sizeCycle(theText,1,n);/ X! O- ~: ]$ z
if (n > theText.length) {n=0}
" d: F) G7 s* y m v7 [ setTimeout("doWave(" + (n+1) + ")", 50);/ O/ G' f# ]0 {% f9 E6 T
}
4 c3 T+ s- E/ V' l</script>! ~. y& V1 t# K
<div ID="theDiv" align="center">9 k2 q% F1 w/ u8 @
8 C* r, W- _0 j2 Y: D</div> z+ f; ]. C' K: f% a" n
# O+ h4 H. }' V5 h: V9 [$ v% g
9 N" ?2 P0 C* q) ^) O. k) w ^/ f1 ~. f% p5 a) ]3 V4 g6 [ b# G0 d5 J
& Z7 a- M5 T' r' g. B5 [8 b
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|