|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ) M6 B: @9 q F& _/ G
4 y9 q! t' y+ Q4 P% A
第一步:把如下代码加入<body>区域中
4 A7 O0 @# o( M+ k! }! v, n* K <script language="JavaScript">
% s+ {+ h! s6 N% K8 d( f8 r( ?3 T- M& Y
function nextSize(i,incMethod,textLength)
- m) E. u# l2 p/ T{5 I: X3 Q" d. c- M. S& p: B* R( @
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
/ C" `0 S$ }. Z( V6 Q6 C9 Bif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));9 n( z( Y" `* K. N1 P
}
8 P) b/ J8 P4 W# x* M* T4 ~4 {; x- i: D( {6 P/ ^" I" S
function sizeCycle(text,method,dis)# _( D! \! b' f% f( h
{
D8 v( I- J) s2 I4 o( m* Y5 T9 D. ~- g output = "";
& S/ b! o$ Q, w8 D2 R% O) m for (i = 0; i < text.length; i++)
- w+ q! t2 u: `& x" m+ y \ {
; `1 c/ l% {( K n size = parseInt(nextSize(i +dis,method,text.length));; ^2 X0 z+ P+ p( `- Y
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";% O+ T; }4 @8 X9 X# F; ^6 J" J
}/ F+ [6 [, a# F/ a
theDiv.innerHTML = output;8 w- _9 u3 {: v" l Y$ X. i# F
}) _* i+ T( ^% a1 w! O5 @* `) B6 u) S
- \. g- n/ ^$ P' \' V9 F( G/ P. B; dfunction doWave(n) ; i6 ]8 c, [' v+ N2 ~' o1 u
{ # }/ x: I6 d# Q
theText = "JavaScript";
7 c6 V3 P$ ?, r8 E" h& l7 M sizeCycle(theText,1,n);* m' @, _2 [! x
if (n > theText.length) {n=0}
X" s; b0 u' k9 @5 Z9 ~2 E setTimeout("doWave(" + (n+1) + ")", 50);
) e! F7 i x& V9 ]3 d S# D0 D$ T}
* Q& _0 t6 r, v/ `, ]/ l+ w</script>5 v) s& j% S$ _- d# @4 m
<div ID="theDiv" align="center"> C$ [/ `6 o: h/ R- l
& T) h6 h4 E# f* z; F* |; E</div>
1 \; g a8 f" ^9 F* z; I+ _$ m+ O& ^/ J, {
) M1 P8 M) [& C& v) Q
; X, u( x- l: H; T) a6 l$ q- A ( ]% h& h4 _7 j8 N6 p6 T, V4 L
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|