|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 9 ]; C" u% X- H X- `. `+ X7 I
6 D8 A: A n( o第一步:把如下代码加入<body>区域中; h6 o: K7 s, `5 |: j8 {6 \- o
<script language="JavaScript">8 G2 W/ Q3 ~5 s
& Z5 {0 Z4 n8 i. u- C1 [function nextSize(i,incMethod,textLength)
. C. V- m2 J& _$ Z5 `{2 R7 Z* U# ^0 }
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );1 M g' A; d9 E6 K8 W+ ]
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));$ h) }' k; B9 _& p) b
}
6 r8 L* V, a O0 Z8 E& N7 ?! e, r. m; C5 r
function sizeCycle(text,method,dis)) O6 H3 U% D f1 U/ P
{4 R! ^: x4 f* _9 E% s' K0 ~
output = "";8 v# {% k) v. g% x5 s, R
for (i = 0; i < text.length; i++)2 V7 B" c" Q( ?5 d; U+ J% ` I
{
) M, @: {& S: O3 ]2 y% u size = parseInt(nextSize(i +dis,method,text.length));4 Y+ ^: T! a9 o s% O4 t
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";# r9 G, k& X! g1 O5 Y: q
}
7 n7 C8 y$ S3 o. `! J4 t/ e theDiv.innerHTML = output;$ C0 V K3 B9 V D( k8 D! H
}
, G" o- t! W }7 t9 c: L& E1 m* i9 ~7 T" T( T I v3 X0 w
function doWave(n) - W% q) S; a1 q2 B+ |
{
5 m% r1 n. }) _/ H" ~3 h. ] theText = "JavaScript";
: W- w* y M k: E. J sizeCycle(theText,1,n);% I6 @3 j$ G ~# u; `
if (n > theText.length) {n=0}
5 y5 f N) p' _- G6 o setTimeout("doWave(" + (n+1) + ")", 50);, h+ u: H7 b/ O4 ^* H- {
}( b! a K- n8 C4 J% s, A$ H( A
</script>7 Q) T9 {' }3 [ h: I, s2 _9 b
<div ID="theDiv" align="center">
; J6 U0 w s5 D- t: X, i" I B
/ [- w$ E5 s/ L3 Q</div>
, V3 u) @9 l2 c3 b6 D7 y, B) g- s+ G0 s+ { ^7 G8 L
* Y6 k: ^9 o- e. Q$ g& E8 q: N
/ `) a2 f1 y* v5 U 6 b$ l4 C/ d5 [4 H& K. G
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|