|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ' w8 l N! T9 z) H2 [3 {' i8 b/ p
" U2 x; H' P; b) F, `第一步:把如下代码加入<body>区域中
. i+ a5 H- `, _% f, L+ a <script language="JavaScript">
9 m# q+ V, _: L
; W7 {; q# I8 I$ b) J4 ?function nextSize(i,incMethod,textLength)( O6 [9 l3 x7 D; x* k- _
{
% {4 ^& q* U0 e1 e3 @5 C8 qif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' Z; R8 J( I }: V
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
9 [0 J" s" F6 N+ ^3 Y}2 k8 K; z7 F* h4 _3 n0 y+ A
5 j7 Y9 W7 P# j& wfunction sizeCycle(text,method,dis)2 O3 i. l7 E3 K
{' i+ ~% H: S2 o M" }
output = "";
4 Q5 p# A% \+ G8 \. w for (i = 0; i < text.length; i++), L8 u- f3 @8 l) k) Q3 p
{
( v7 W6 }1 r4 b0 D. { size = parseInt(nextSize(i +dis,method,text.length));1 f0 Q9 b! a- r% `1 P+ w) i
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";( B+ @& T) T! @
}5 H$ o6 Z3 o7 w E
theDiv.innerHTML = output;$ J% ^6 r; _! |
}
7 C' `% o8 g: Q2 }
$ o* ?# h+ c+ l5 }6 D6 mfunction doWave(n)
* e0 B/ x& z0 r R" R4 T" r" ]1 L{
! `/ G# N$ A# N* z theText = "JavaScript";2 [) }5 V W6 {- J- y4 _
sizeCycle(theText,1,n);
0 d1 [9 q9 Q$ }$ _9 u) c+ G if (n > theText.length) {n=0}- O; t; ]" k, k3 r: T" Q
setTimeout("doWave(" + (n+1) + ")", 50);0 t: E( k6 H7 T+ A5 s
}
. c% w) G) g7 d( V+ N4 T! T' E</script>
4 u* j6 l' M+ O2 g0 t0 S<div ID="theDiv" align="center">
) D& g* `; G! @& a# y5 D$ k* Q3 l" A9 z$ A1 a8 f/ f4 Q
</div>
4 x& s- K7 C7 \- T3 L/ W8 i" Z0 l0 x/ B( @ c
" K! [& A" z9 Y2 G, e$ q8 `* p
$ T, N' P/ `0 m' q* n8 D; e2 m 6 E+ Q# O4 e& k4 e
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|