|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: " h: r6 T8 B6 S3 a' @. j
0 {. Q' J7 w3 O3 n& u' N) y第一步:把如下代码加入<body>区域中/ ?( C- Z) d( R8 d. W7 U; c3 J
<script language="JavaScript">. O& X1 l8 g/ b
; o- N- ~! V. y6 k5 Wfunction nextSize(i,incMethod,textLength)
: Z! o1 `( n: ` @ ]8 y{& x+ `9 G; N& |4 W+ M( G
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
3 M/ R4 F5 n6 Xif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));! \7 k6 \. G" w
}& L1 c- d$ Z6 K0 b6 P+ c
/ [# s( J9 l8 A0 @4 W) A
function sizeCycle(text,method,dis)
& q# T0 p! Z" g" G6 I{
$ m8 l3 g, E6 r3 Q' s0 J- P5 K output = "";
+ @5 a8 u" q- i for (i = 0; i < text.length; i++)7 \0 P* k" }, a6 y
{
' [; S% C5 p+ P2 P3 F6 d size = parseInt(nextSize(i +dis,method,text.length));
( D/ |& C6 T; Z/ Y0 L$ N y; D P output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";. B. c/ O: w. c6 |
}* v. s* ]/ K7 }& z* F2 O2 A3 Q3 c
theDiv.innerHTML = output;+ Y! w6 Z: z* X+ S8 W
}
& v7 I% w2 S4 D$ b! c$ o
6 }0 y2 p& l$ p& ifunction doWave(n)
+ D0 g$ x# y0 v1 a/ ? p{
1 k( w1 X! Y! y }0 w theText = "JavaScript";
O; M; R; F* k$ }1 o5 K3 Z9 n sizeCycle(theText,1,n);
$ [; ^$ T4 @" H( k3 g0 n6 ? if (n > theText.length) {n=0}
" L5 a2 @ @0 L+ ]6 S9 s setTimeout("doWave(" + (n+1) + ")", 50);
5 S* s' L) W& \# q4 H% m% e+ c}1 P9 o, {. B5 Y3 P0 E
</script>
) A' {, k3 m# j& q( ^! f1 P+ {6 D<div ID="theDiv" align="center">
1 u: o9 X o2 V$ T7 z6 E8 I% j# a+ v
</div>* V; \( p* _3 Y3 O2 A7 @
8 I! Q! h6 O8 [5 J: f& u- f" Y+ K* n/ G
& g/ c3 M4 G, X: T . c- q1 o/ m$ K2 Q' L
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|