|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
# T) @6 \# `4 V" u7 q7 s 0 v$ n& R5 t0 z) v( E9 K
第一步:把如下代码加入<body>区域中
7 l2 ^* N7 y, k9 T' A <script language="JavaScript"># q4 I, `$ C/ Y/ M) u
; v1 y- p+ _+ ^" q1 W4 U" v
function nextSize(i,incMethod,textLength), v k8 l1 E( d$ T1 o
{
. c J% F) y: Z& t4 `; fif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
/ s' H' P }' k$ O/ o) Q. [if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));& G: D* C: k+ w+ A y$ \$ V
}3 h; o# |5 z$ I8 d e7 k [
- e; N) B+ R( [% ]' r
function sizeCycle(text,method,dis)
; ^# f) P% m, p. |) o4 j; _{
* L. b6 l( d, T5 b+ J output = "";
1 ?* ?" ~ p Z, ~) A: h$ I ~ for (i = 0; i < text.length; i++)
) u* U9 a1 ]2 P& ]0 H! w3 |$ A7 Y5 Y {4 e. _( L% e) }- i3 E' e0 r/ Q0 H
size = parseInt(nextSize(i +dis,method,text.length));% o5 d. j6 _) a7 Z7 t4 X7 `( }( m
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
& \, T" x2 k0 ~4 G; c5 u }5 N3 P: t# i/ F7 K
theDiv.innerHTML = output;6 e- Z/ y6 O3 v' l2 T
}
% y+ ?5 N% U# R) S- Y. c B4 H) F: i" L( `
function doWave(n) 4 l6 C2 m+ F2 g0 z/ R: ?9 i
{ ) a0 u- j4 i- ~
theText = "JavaScript";1 T! W4 @ L$ q( n# w, P( M
sizeCycle(theText,1,n);$ @) k+ _, L5 i2 Q1 o
if (n > theText.length) {n=0}+ C- v7 j5 i# _: K0 J- p z
setTimeout("doWave(" + (n+1) + ")", 50);4 F' u- O, N* o$ t
}8 e% @$ O3 ~. ]" i3 x
</script>
+ z. l, t9 }* v2 W/ R$ X7 Q) A<div ID="theDiv" align="center">
3 h0 v$ p( m" t2 W2 D5 f3 ^5 O$ t5 H6 Z. G% p: Z. d B
</div>& J: i4 F2 E4 v- T
/ P& C: M2 O3 g/ I- l$ r: h
5 D8 {) v/ u6 Z4 W0 I$ J' c; R$ d. I5 e4 C
3 I2 f6 t0 m& l第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|