|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
. I; P* c/ c6 O. e
0 F; ~% _" v' X; S; s h$ S第一步:把如下代码加入<body>区域中
?# f- T9 A! Q! v+ H' @" ` <script language="JavaScript">7 `4 o0 f# k1 S( G5 u8 n
, M8 }8 d3 K- E" p3 s+ l7 j9 [: e! z
function nextSize(i,incMethod,textLength)
9 A* [* p( d& {{
) F' x) O; s0 `: A3 oif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
; o3 b; r% p% P+ C4 |if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));5 i% j: z, J$ N3 l
}
. l; Q- H$ W) k- N6 K
8 _1 v! Z& y' Z" afunction sizeCycle(text,method,dis)
. e9 s3 g, P* \; `, p{8 k8 B5 Y4 i7 R# p' n' u* w1 ]
output = "";
" g8 H" M5 C E2 p; ?( X2 l for (i = 0; i < text.length; i++)
+ k: {0 E' \8 l8 D! x8 d" w {
0 R3 b/ ? l) H3 w& y size = parseInt(nextSize(i +dis,method,text.length));3 H; t5 Z) ~3 k5 `
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
) R* Z- e6 c3 o" G3 t }
4 F: ~/ J1 ~4 C5 G theDiv.innerHTML = output;2 ~9 @7 S( j8 L2 o, c
}
. A& C8 G% C2 i3 a u& n
U _7 E# k0 T& G2 jfunction doWave(n) * {0 x( Q# N0 G! y# U- Q# s
{
+ x& X" ?( ]3 J$ b2 g* n theText = "JavaScript";! n9 Z; ]9 e% ?/ t3 C6 c8 x
sizeCycle(theText,1,n);7 @7 w: x: l5 Z& M/ l3 ?
if (n > theText.length) {n=0}. N9 g0 M& ^9 M( i) E& l- n
setTimeout("doWave(" + (n+1) + ")", 50);
3 q; n5 H4 v, ?5 t# B8 _9 `2 i: r& R}
/ L9 e4 L9 m: |, z! \+ G, ?</script>6 ~( S7 _9 ~* c: I6 b
<div ID="theDiv" align="center">! }4 b9 y2 J5 s" F1 S
1 K1 M" b7 |% f" c$ T2 c
</div>0 ]9 D d" F. D
/ _# ~% f& U2 Q& X: m" G; `, S
0 A/ U8 {* K) A8 D2 l }& C, f. j
# I0 E" |! J7 ^5 t1 ?- X
# w2 z p( m/ F; T- ]4 o: d第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|