|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
1 f) b9 @1 s7 Q% I, _$ L* c, F
, k& G1 T8 E1 |4 X( u: W5 |2 t第一步:把如下代码加入<body>区域中- x& O0 N% Y: Z, I
<script language="JavaScript">
# K3 b* }4 A" h
. [8 i* B/ ?# z3 x$ i' c, Gfunction nextSize(i,incMethod,textLength)2 }: D: z# J* P' P- R( x
{
* {: x: z3 o3 _% fif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );. P9 w1 y% G0 m* k
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. g& e6 I2 [1 S0 _+ q8 O}
% P( u# ]" j# P
6 Q$ q; w6 ~: n* c8 j: J5 _+ pfunction sizeCycle(text,method,dis)0 ?; Y2 x4 C# W( _' J* p Z4 | Q
{' @" M6 [/ V; d) p) u. k
output = "";* S" ^* L" D2 l! h. e* S
for (i = 0; i < text.length; i++)
* L( X5 w- ^& O6 F. ^, L3 H- F {
9 a2 x: e, a- b size = parseInt(nextSize(i +dis,method,text.length));
- c. b! p/ k3 `) B- k$ J* O- {, w output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";: s/ Z( ]1 i7 a$ Y+ a4 h
}
' d$ s1 g5 ?8 s, C- Q) P+ h theDiv.innerHTML = output;
+ A" r2 [$ @: l( n* w1 {) [}
7 {3 C4 E* m; [4 E9 E) K8 _, k' n6 n1 @
function doWave(n) y9 x4 `5 Q W4 r8 N( H! G
{
+ H6 R8 {" m( k X' E9 o7 n theText = "JavaScript";. G4 t+ m7 R6 ^# Q& A$ e
sizeCycle(theText,1,n);1 [7 N. b. z3 q2 E
if (n > theText.length) {n=0}
. Z( q0 k" ~! P$ z3 H. E. Z setTimeout("doWave(" + (n+1) + ")", 50);: l' Q L; `+ c6 B6 ~+ ^3 ]7 B# D
}
, Z4 P9 ?+ v2 b d</script>
) n2 C0 V9 {4 C8 n6 r- b" v3 G<div ID="theDiv" align="center">
$ @" M+ l+ @8 u( x
) w, ~) F4 c8 S# l/ ` I</div>
/ e" u8 F- W' y& ~+ [# @- o F/ x B* r: @' O
$ u9 O) f, C/ s) l# f+ @ z
5 W! K: y# m" i) i$ c C1 L 6 r% U: q' s9 y3 x3 _4 R6 b: S: x* `
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|