|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
4 }+ N; h2 E/ q2 n" ~, V, g) b& A $ f# d( M; U! |/ m* k" z6 b4 F/ b
第一步:把如下代码加入<body>区域中
& H$ W4 ^2 W& f4 K8 H! z/ r/ c <script language="JavaScript">9 y: s' P% W. e" a
! a1 q- _, S0 ?, V
function nextSize(i,incMethod,textLength)
, o" N% D" h# C5 R- u6 [% W/ V/ w{0 C3 ~2 `3 [. O- a) \; r2 R# v6 D! f
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
# {+ n* L6 a. G' X: `if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));1 G8 U& [ X* Z- y
}7 q4 f/ B0 N T& |
. Y; `' P4 Z4 R4 [6 [% jfunction sizeCycle(text,method,dis). q) |' Y/ |8 U' p
{
: h0 w+ r. H8 J- z output = "";
7 ^" c* u d0 S M! D$ g$ e for (i = 0; i < text.length; i++)
$ J& j$ b" v- ^3 c {
& w. @+ U$ P, C4 |' n* O' \) D size = parseInt(nextSize(i +dis,method,text.length));2 G/ |% v+ g# x9 q) P8 u
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
6 N7 |2 [9 s3 g }
2 e" t9 t8 g( n7 W* \% X, G* ? theDiv.innerHTML = output;
M0 @9 v. b* d5 m0 }* Z6 T) y}
! O0 G- N% F4 r' h W3 E
" s r" W/ }6 Ifunction doWave(n) ( Y5 [' s9 U0 F8 H0 C! t* u1 {
{ % z8 \# A) y% m- s! E x
theText = "JavaScript";
4 Z2 \' \3 ~) o A! X$ [# |4 { sizeCycle(theText,1,n);* x; ^4 O$ N+ |0 p* O) b' G
if (n > theText.length) {n=0}
7 m4 C- ~' k3 q6 F setTimeout("doWave(" + (n+1) + ")", 50);) N+ M9 h* j9 Q0 Q$ ]* L
}6 h, f4 i: c+ c _0 q: h" _
</script>
; C' m$ G% b( Y* Q9 M9 j% B<div ID="theDiv" align="center">- T u& C: c5 J" _% |
/ f3 E& J, g9 V( S! I</div>
0 N+ T1 R$ Q' Q! V! ?9 c, K6 g A: O
D" g3 U @* |1 t, C- u3 J. e) @- u0 |- H
# c& S; M- U' w6 d' @2 [: ^
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|