|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 5 q1 m; r1 ~ k% w. D
% ], m3 P7 ?, Q) \" i1 b
第一步:把如下代码加入<body>区域中$ e" T+ i- |8 {7 N1 o8 O
<script language="JavaScript">9 z% D+ \; D) r$ w, N- }0 y4 S$ o
& M5 O1 H6 h' D2 {6 Y" s
function nextSize(i,incMethod,textLength)! e) C7 G7 }. o2 R6 a4 ^- a' R
{
" d5 E9 Z# U2 u' w0 ]' iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
0 A0 M- @; I7 n5 B- A+ Pif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));/ I' r$ K: f- P, S! H3 D* a
}9 U: z; ~" ~5 e! t/ b
% r' A: _1 D0 n# ~8 M( b" i, t
function sizeCycle(text,method,dis)
. `5 j Z R8 f, O! D{: z9 E: x" v. x
output = "";/ _# a- G. x, O8 V& q1 a- d
for (i = 0; i < text.length; i++)
0 m4 `, |& f8 K. h {! W+ r- f& F, [) Y9 r3 S
size = parseInt(nextSize(i +dis,method,text.length));
) s3 h$ J; y: O" k" t2 P output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& A9 f) P Z% v& f
}8 n/ t3 ^& T' d/ ]* j* Z
theDiv.innerHTML = output;) m9 {. B+ Z0 |
}( t- H) Q. i. j( ~* j# ^) @: t/ i$ A
# e4 G7 w; m6 F3 y2 M* S" Z% ifunction doWave(n)
3 ?' x" x! A9 m3 f B{ ( ]2 n3 p% L1 P4 J: Q3 |9 s& K
theText = "JavaScript";: H* \' h) h$ X; d0 \! k
sizeCycle(theText,1,n);
7 v. h* o& D. I if (n > theText.length) {n=0}
; F9 L5 e- B4 `3 F! r2 y% q+ T setTimeout("doWave(" + (n+1) + ")", 50);
0 e. s9 s" {# k; `; r, k% G}# t! z, y, b: p$ @
</script>
- {/ u( D; _. N% v+ u<div ID="theDiv" align="center">
$ Y, f8 {% E0 Z8 F( m F8 E$ E3 ?" e' o* w f
</div> ?4 Y$ a2 G0 ?
9 P: H: U5 \1 T v- m9 P" _+ {2 _' W% w$ n" L1 E8 Q
8 K/ C: b4 Y$ ~; a( k2 y 2 ?& C& }0 P6 r3 p- m
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|