|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: & c0 h" ?6 s/ _0 X$ k9 y3 b
. K" F$ P7 ?- `7 o% B第一步:把如下代码加入<body>区域中
+ m5 D: I: H7 y$ P! c' J <script language="JavaScript">
# b- M$ `) Q7 i, c0 m9 \0 v' t3 y4 n
function nextSize(i,incMethod,textLength)! E- _: H( \. B0 v( d
{
. N& `, I; s/ |. |" Q+ ]7 nif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 M6 j: ~6 y2 l* L, aif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));2 Q" m* m+ F. }4 V$ K4 z- t, X# J M
}
3 E" }, {4 a( `
3 D) l0 f, H Dfunction sizeCycle(text,method,dis)
7 W5 N1 W2 T* H6 Q6 u x{2 P$ j' V+ a9 w. @' d9 V& {" W
output = "";. V6 ]* D" R# l: r
for (i = 0; i < text.length; i++)& \; s& G; M8 _
{
6 e- `2 G/ C6 ^" t' m2 W; B/ {! o9 ^ size = parseInt(nextSize(i +dis,method,text.length));3 \- e6 y5 F0 n+ i9 u8 q2 U
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";+ l, ?& v% D* E# k6 ^ a
}
8 m/ I& `7 Z( g0 T/ _6 Z* C theDiv.innerHTML = output; n4 \/ y+ }9 N3 L. x. _2 y& ^
}
+ S! l2 B- j; ^9 x- {. H* X+ Y; O7 H2 Z0 F
function doWave(n)
" s* a4 i4 I0 k$ o( `) [; A{
0 \% V* O0 M/ `3 A2 ]9 Q theText = "JavaScript";
* h; m: y+ r5 ]# Y/ U sizeCycle(theText,1,n);0 f7 U4 z/ q- A, p' M
if (n > theText.length) {n=0}
) J, N0 g! z& D: g setTimeout("doWave(" + (n+1) + ")", 50);
/ E; q$ R- ]$ H' e3 }/ O# d# G( y}
! J% N; @6 J1 n; p$ A</script>9 a8 F; t& @$ q: {
<div ID="theDiv" align="center">
! n) X; N7 L5 i! x; a4 t
7 Z! s: ~% M7 {/ t* y% Q3 ^</div>1 @- m9 v9 V7 z1 d" p7 ~+ S" V
3 D- F& I4 h/ {, `6 j5 k: y6 D
8 [6 ^* W3 |* B3 I4 N
9 t* n) D5 H1 R, b% s
4 K |- y E6 ]" k% }+ D第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|