|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
; ]. c$ n& h, s) } O8 }0 X r : s, V; O% E+ |" L0 n* W+ Y6 k
第一步:把如下代码加入<body>区域中
- c/ ^, N1 a9 ^7 V1 @: x, z <script language="JavaScript">
0 _; ~( q" T+ ^$ b0 A6 {
; E: j, }: f; I, Ffunction nextSize(i,incMethod,textLength)
. L* E8 L, h' [# B{* }0 Q2 R9 f" n3 i
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
/ x' @- C0 i0 z# P" u( Cif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
8 i# M- T' W. z3 C' O4 w% w}) W$ E# K2 t! B3 b4 i# ?( b
# v/ ~0 Q$ M& ?' {0 S( Q4 R
function sizeCycle(text,method,dis)
- L# \! d) @* K7 b, G{
( F4 V( J) g$ i- ?5 y+ ?6 y5 a7 l output = "";3 S5 {/ ]% u+ A2 G$ i
for (i = 0; i < text.length; i++)
7 F# X2 o/ ~' a {2 D' ?" \% d! `4 N5 |# \
size = parseInt(nextSize(i +dis,method,text.length));
~: C/ Z# I1 P/ F0 C output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";4 K% q1 T2 r0 @4 l
}6 P- w; I- E6 ]" s& F
theDiv.innerHTML = output;0 H$ H. a2 g0 K. b( H
}
0 I7 q" o& P; [6 p$ N! L
0 ~" \- @. U% P. G9 R+ n: ^" lfunction doWave(n)
7 o9 z) z/ x8 I v{
. ?/ b2 F" ]# I' M theText = "JavaScript";( L! b# c% }( J
sizeCycle(theText,1,n);
) x& r) h5 A" x* U if (n > theText.length) {n=0}+ R2 _; R4 J. e1 G7 w
setTimeout("doWave(" + (n+1) + ")", 50);
T6 o& s# Q2 y" e+ N! D}
2 o4 k5 r T. T0 }* M; U</script>( C1 n+ Y% D3 n: m# ~) K1 O
<div ID="theDiv" align="center">
; _3 ~' `) p- w3 _3 X6 {' D$ |* d/ A8 _- d2 A2 M$ J# Y8 M5 f0 S, K% r" _
</div>$ d+ ?; M6 k8 z { P8 N2 b$ ^
7 v( @ R$ d% `
6 H2 f& c2 C8 s0 A, E% C& K2 E |5 @7 S1 z7 t, P* u/ |
6 ]% j( i; Z. Z" y$ |1 r0 t第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|