|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + O7 U6 t% a( p+ T0 \
6 R/ X! H6 B& T/ Y( m9 d- }7 r第一步:把如下代码加入<body>区域中; a2 j! k0 F: |1 {
<script language="JavaScript">! n6 E' [& O s8 [/ t# _, O: F
* f6 ~& h; U# x: f
function nextSize(i,incMethod,textLength); f+ C" E2 P% o; z8 H
{
$ j+ |* p8 S. h" c- P$ e' ~if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );7 q k2 t* y. ?7 I
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
2 E, ]$ Y( ` M8 Y* |}0 @4 O# O1 @$ b6 l' L/ f
# n2 X4 @; c) s# ]6 Qfunction sizeCycle(text,method,dis)
5 i8 [2 H+ S A7 L9 N4 Y+ Z! w: s{+ t% P6 `: q2 n1 b9 D
output = "";& K3 k0 ^5 ^' g5 q+ g, S
for (i = 0; i < text.length; i++)5 x" c! y1 z1 i( a
{: i) L- o4 j {# D! V( ?
size = parseInt(nextSize(i +dis,method,text.length));" }0 n$ t) I) d5 _" M
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";* v2 G+ U s8 L2 H/ j$ m
}
- t5 O2 `3 [+ G0 M theDiv.innerHTML = output;9 V! H# ]1 e) F% B4 D% G W: v5 F
}* C7 [( @, W6 R6 s Q
2 X L J/ r2 ?& Yfunction doWave(n)
2 L* K5 ~9 H8 k% d9 j{
- a/ w- A' z+ D* ]$ o theText = "JavaScript";4 f8 a1 e3 t, u2 d( X% `/ J' }
sizeCycle(theText,1,n);' l; ?% V7 l* M8 o3 A2 c1 Y; z+ T, T
if (n > theText.length) {n=0}
$ }# g9 l* J e/ }( c @ setTimeout("doWave(" + (n+1) + ")", 50);' m; C( x/ H0 V$ g9 e% [% t! p' q
}
: T6 Y8 Y9 O5 T, F, j" y</script>, I& ^* a0 U- `: E( g
<div ID="theDiv" align="center">$ u6 g# A! I3 Y7 e8 O# A. H4 \, i
$ s) Y8 B% ]$ J% O/ W! [) `+ e* o</div>
% d8 w2 H& X# @9 h8 _: B- w9 }$ }2 t1 V7 P
) c: Y( F* l) ^: ^$ I4 n& v' C c. l5 t ?4 b8 F
' Z$ l1 N7 ?: V; k, L' Y' [第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|