|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 4 e5 b0 d' P U: q
' i6 K/ U P& O! m7 T
第一步:把如下代码加入<body>区域中" m* k) _4 v2 C3 f
<script language="JavaScript"># O0 Z, `. D" L% h0 h2 p" {8 `
! @1 s! k) H7 Q! }function nextSize(i,incMethod,textLength)2 ?$ d, H- M$ k1 e7 ?9 C# \ [
{* o9 T/ ~7 n* i6 C; G% P
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );+ u3 {/ I; u6 Y+ R. w; O' r
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
; U5 ?* [& N, [6 O% ?3 {/ y}
- w* J+ V, T+ {9 I7 F. P- ^: h$ o% Z4 {+ }/ a" Z7 b
function sizeCycle(text,method,dis)1 ~0 c) h$ |2 a O- s7 i/ l9 j
{
/ L0 s3 j% r3 ]% p' Y( F output = "";
& P! r) q+ u- o& H' e; J/ c2 a for (i = 0; i < text.length; i++)0 [- i: T" V& A1 L8 @
{5 Y$ d: a1 R! a( M8 l" }4 h
size = parseInt(nextSize(i +dis,method,text.length));
5 G9 i6 D9 y6 S* s. B# ]0 q output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
6 P0 ~9 | n2 B }
& ~& a8 k2 ]" E4 A8 W# L theDiv.innerHTML = output;
- K! M! U1 G& G5 M) ]% d: D}
0 O Z& Z$ W7 h2 V/ J
9 n$ p; Y6 F( r6 |4 n- Y% v) b: Ffunction doWave(n) - _6 `- L0 \ H( @0 }
{ & |! ^1 }4 _+ t) i* v: [( b
theText = "JavaScript";" g0 w) F* `5 i. ^
sizeCycle(theText,1,n);' d) S9 K" I0 J {
if (n > theText.length) {n=0}6 T$ s% I- m k ~& O
setTimeout("doWave(" + (n+1) + ")", 50);8 H0 S# C. E! s- e7 c# z e
}
! U# ^, Z! H. V6 q</script>
" [) H7 q# |' G7 B# R- k<div ID="theDiv" align="center">
+ [) f% d- l N' F& _+ u- h5 P) y9 Q$ d- Q/ d8 L: F& Z
</div>) p* V$ T, m5 ~+ b7 Z
% r3 M0 g/ i; T$ Y+ J% w _9 n) M5 E3 U$ l/ e# _
; a# T( K, J* a! n6 C. h8 W
$ ?) Y0 K5 a8 J/ V/ m% ^, z$ b
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|